.system-page{flex-direction:column;gap:20px;display:flex}.system-hero{align-items:center;gap:16px;padding:22px;display:flex}.system-hero-icon{width:62px;height:62px;color:var(--theme-primary);background:var(--theme-primary-soft);border-radius:18px;flex:none;justify-content:center;align-items:center;display:flex}.system-hero h1{font-size:calc(27px * var(--user-font-scale));margin:0;font-weight:850}.system-hero p{color:#667085;margin:5px 0 0;line-height:1.45}.system-panel{overflow:hidden}.system-tabs{border-bottom:1px solid #e5e9ef;grid-template-columns:repeat(3,1fr);display:grid}.system-tabs button{color:#667085;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:58px;font-weight:750;display:flex}.system-tabs button.active{color:var(--theme-primary-strong);border-bottom-color:var(--theme-primary)}.system-content{padding:22px}.system-section-title{color:var(--theme-primary);gap:11px;display:flex}.system-section-title h2{color:#182230;font-size:calc(18px * var(--user-font-scale));margin:0}.system-section-title p{color:#667085;font-size:calc(13px * var(--user-font-scale));margin:4px 0 0;line-height:1.45}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.theme-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e9ef;border-radius:17px;flex-direction:column;align-items:flex-start;gap:12px;min-height:118px;padding:16px;display:flex;position:relative}.theme-card.selected{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 10%, transparent)}.theme-swatches{gap:6px;display:flex}.theme-swatches span{border-radius:10px;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #0000000d}.theme-card-copy{flex-direction:column;gap:4px;display:flex}.theme-card-copy strong{color:#182230;font-size:calc(15px * var(--user-font-scale))}.theme-card-copy strong span{margin-right:6px}.theme-card-copy small{color:#667085;font-size:calc(11px * var(--user-font-scale));line-height:1.4}.theme-check{background:var(--theme-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex;position:absolute;top:10px;right:10px}.system-divider{background:#e5e9ef;height:1px;margin:24px 0}.theme-preview{background:#f8fafc;border:1px solid #e5e9ef;border-radius:17px;margin-top:17px;overflow:hidden}.theme-preview-nav{background:var(--theme-card-bg);color:#667085;min-height:56px;font-size:calc(12px * var(--user-font-scale));border-bottom:1px solid #e5e9ef;align-items:center;gap:14px;padding:0 16px;display:flex}.theme-preview-logo{color:var(--theme-primary);font-size:calc(25px * var(--user-font-scale))}.theme-preview-nav strong{color:var(--theme-brand-text);font-size:calc(17px * var(--user-font-scale))}.theme-preview-pill{background:var(--theme-primary);border-radius:7px;padding:7px 10px;color:#fff!important}.theme-preview-body{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.theme-preview-primary,.theme-preview-secondary{border-radius:12px;min-height:42px;padding:0 15px;font-weight:750}.theme-preview-primary{color:#fff;background:var(--theme-primary);border:0}.theme-preview-secondary{border:2px solid var(--theme-primary);color:var(--theme-primary-strong);background:#fff}.theme-preview-badge{background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-weight:750;font-size:calc(12px * var(--user-font-scale));border-radius:999px;padding:8px 12px}.theme-preview-card{border:1px solid color-mix(in srgb, var(--theme-primary) 20%, #e5e9ef);background:var(--theme-card-bg);border-radius:14px;flex:0 0 100%;padding:14px}.theme-preview-card strong{color:#182230}.theme-preview-card p{color:#667085;font-size:calc(12px * var(--user-font-scale));margin:4px 0 0}.system-actions{border-top:1px solid #e5e9ef;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.system-reset-button,.system-save-button{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 17px;font-weight:750;display:inline-flex}.system-reset-button{color:#667085;background:#f8fafc;border:1px solid #e5e9ef}.system-save-button{color:#fff;background:var(--theme-primary);box-shadow:0 7px 16px color-mix(in srgb, var(--theme-primary) 20%, transparent);border:0}@media (width<=600px){.system-hero{padding:18px}.system-hero-icon{width:54px;height:54px}.system-hero h1{font-size:calc(23px * var(--user-font-scale))}.system-tabs button{font-size:calc(12px * var(--user-font-scale))}.system-content{padding:17px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card{padding:13px}.theme-swatches span{width:28px;height:28px}.theme-preview-nav{gap:9px;overflow:hidden}.system-actions{grid-template-columns:.8fr 1.5fr;display:grid}}@media (width<=360px){.theme-grid{grid-template-columns:1fr}}.theme-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.theme-emoji{font-size:calc(25px * var(--user-font-scale))}.theme-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.theme-choice-group{flex-direction:column;gap:8px;display:flex}.theme-choice-label{color:#475467;font-size:calc(12px * var(--user-font-scale));font-weight:800}.theme-segmented{background:#f8fafc;border:1px solid #e5e9ef;border-radius:13px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.theme-segmented button{color:#667085;background:0 0;border:0;border-radius:9px;min-height:38px;font-weight:750}.theme-segmented button.active{background:var(--theme-primary);color:#fff;box-shadow:0 3px 8px color-mix(in srgb, var(--theme-primary) 18%, transparent)}.theme-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.theme-color-field{background:#fff;border:1px solid #e5e9ef;border-radius:14px;flex-direction:column;gap:7px;padding:13px;display:flex}.theme-color-field>span{color:#475467;font-size:calc(12px * var(--user-font-scale));font-weight:800}.theme-color-field>div{align-items:center;gap:10px;display:flex}.theme-color-field input{background:0 0;border:0;width:42px;height:36px;padding:0}.theme-color-field code{color:#667085;font-size:calc(12px * var(--user-font-scale))}.theme-scheduler{flex-direction:column;gap:14px;margin-top:18px;display:flex}.theme-switch-row{background:#f8fafc;border:1px solid #e5e9ef;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:13px;display:flex}.theme-switch-row>span{flex-direction:column;display:flex}.theme-switch-row strong{font-size:calc(13px * var(--user-font-scale))}.theme-switch-row small{color:#667085;font-size:calc(11px * var(--user-font-scale));margin-top:3px}.theme-switch-row input{width:20px;height:20px}.theme-form-field{flex-direction:column;gap:7px;display:flex}.theme-form-field>span{color:#475467;font-size:calc(12px * var(--user-font-scale));font-weight:800}.theme-form-field input,.theme-form-field select{color:#182230;width:100%;min-height:46px;font-size:calc(13px * var(--user-font-scale));background:#fff;border:1px solid #d7dce3;padding:0 12px}.theme-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.theme-preview-v2{border-radius:var(--theme-radius-card);background:var(--preview-bg);border:1px solid #e5e9ef;margin-top:17px;overflow:hidden}.theme-preview-v2-header{background:#fff;border-bottom:1px solid #e5e9ef;align-items:center;gap:14px;min-height:54px;padding:0 15px;display:flex}.theme-preview-v2-header strong{color:var(--preview-primary);font-size:calc(17px * var(--user-font-scale));margin-right:auto}.theme-preview-v2-header span{color:#667085;font-size:calc(11px * var(--user-font-scale))}.theme-preview-v2-body{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px;display:grid}.theme-preview-v2-card{border:1px solid color-mix(in srgb, var(--preview-primary) 18%, #e5e9ef);background:#fff;border-radius:13px;flex-direction:column;min-width:0;padding:13px;display:flex}.theme-preview-v2-card small{color:#667085;font-size:calc(10px * var(--user-font-scale))}.theme-preview-v2-card strong{color:#182230;font-size:calc(14px * var(--user-font-scale));margin-top:5px}.theme-preview-v2-body button{background:var(--preview-primary);color:#fff;border:0;border-radius:11px;min-height:40px;padding:0 14px;font-weight:800}.theme-preview-v2-body>span{background:var(--preview-primary-soft);color:var(--preview-primary);font-size:calc(11px * var(--user-font-scale));border-radius:999px;padding:8px 10px;font-weight:800}@media (width<=600px){.theme-choice-row,.theme-color-grid,.theme-date-grid{grid-template-columns:1fr}.theme-preview-v2-body{grid-template-columns:1fr 1fr}.theme-preview-v2-card{grid-column:1/-1}}.settings-readonly-banner{border-radius:var(--theme-radius-card);color:#9a6700;background:#fff8e5;border:1px solid #f4d58a;align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.settings-readonly-banner>div{flex-direction:column;gap:3px;display:flex}.settings-readonly-banner strong{font-size:calc(13px * var(--user-font-scale))}.settings-readonly-banner span{color:#8a6a22;font-size:calc(11px * var(--user-font-scale));line-height:1.45}.theme-card:disabled,.theme-segmented button:disabled,.theme-form-field input:disabled,.theme-form-field select:disabled,.system-actions button:disabled{cursor:not-allowed}.theme-card.readonly{opacity:.78}.theme-card.readonly:hover{transform:none}.theme-color-field.disabled{opacity:.72}.theme-color-field.disabled input{cursor:not-allowed}.theme-segmented button:disabled:not(.active){opacity:.55}.theme-form-field input:disabled,.theme-form-field select:disabled{color:#98a2b3;background:#f5f7fa}.system-reset-button:disabled{opacity:.55}.system-save-button:disabled{box-shadow:none;background:#98a2b3}.system-tabs button:disabled{cursor:default;opacity:.55}.permission-loading{border-radius:var(--theme-radius-card);color:#667085;text-align:center;background:#fff;border:1px solid #e5e9ef;padding:24px}.permission-denied-card{border-radius:var(--theme-radius-card);background:snow;border:1px solid #fecaca;align-items:flex-start;gap:16px;padding:22px;display:flex}.permission-denied-icon{color:#dc2626;background:#fee2e2;border-radius:16px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.permission-denied-card h1{color:#182230;font-size:calc(20px * var(--user-font-scale));margin:0}.permission-denied-card p{color:#667085;font-size:calc(13px * var(--user-font-scale));margin:6px 0 14px}.permission-debug{color:#667085;font-size:calc(12px * var(--user-font-scale));flex-direction:column;gap:5px;display:flex}.permission-debug strong{color:#344054}.settings-tab-content{flex-direction:column;gap:18px;display:flex}.settings-summary-card{padding:var(--theme-card-padding-mobile);border:var(--theme-card-border-width,1px) solid var(--td-border);border-radius:var(--theme-radius-card);box-shadow:var(--theme-card-shadow);background:linear-gradient(135deg, color-mix(in srgb, var(--theme-primary-soft) 55%, var(--theme-card-bg)) 0%, var(--theme-card-bg) 100%);grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.settings-summary-icon,.settings-card-icon{background:var(--theme-primary-soft);width:42px;height:42px;color:var(--theme-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.settings-summary-copy,.settings-card-header>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-summary-copy strong,.settings-card-header strong{color:#182230;font-size:calc(15px * var(--user-font-scale))}.settings-summary-copy span,.settings-card-header span{color:#667085;font-size:calc(12px * var(--user-font-scale));line-height:1.5}.settings-form-card,.settings-preview-card{padding:var(--theme-card-padding-mobile);border:var(--theme-card-border-width,1px) solid var(--td-border);border-radius:var(--theme-radius-card);box-shadow:var(--theme-card-shadow);background:var(--theme-card-bg)}.settings-card-header{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:18px;display:grid}.settings-info-box{border-bottom:var(--theme-card-border-width,1px) solid color-mix(in srgb, var(--td-border) 80%, transparent);color:#667085;font-size:calc(12px * var(--user-font-scale));align-items:flex-start;gap:10px;margin-bottom:20px;padding-bottom:18px;line-height:1.55;display:flex}.settings-info-box svg{color:var(--theme-primary);flex:none}.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.settings-field{flex-direction:column;gap:7px;margin-top:17px;display:flex}.settings-field-label{color:#344054;font-size:calc(13px * var(--user-font-scale));align-items:center;gap:7px;font-weight:800;display:flex}.settings-field-label svg{color:var(--theme-primary)}.settings-field input{box-sizing:border-box;border-radius:var(--theme-radius-control);color:#182230;width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #d7dce3;outline:none;padding:0 14px;font-weight:650}.settings-field input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 10%, transparent)}.settings-field input:disabled{background:color-mix(in srgb, var(--theme-card-bg) 82%, var(--theme-primary-soft));color:#98a2b3}@media (width>=768px){.settings-summary-card,.settings-form-card,.settings-preview-card{padding:var(--theme-card-padding-desktop)}.settings-field input:disabled{background:color-mix(in srgb, var(--theme-card-bg) 82%, var(--theme-primary-soft))}}.settings-field small,.settings-preview-card small{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));line-height:1.45}.settings-mini-label{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));margin-bottom:10px;font-weight:850;display:block}.settings-navbar-preview{border-radius:var(--theme-radius-control);background:#fff;border:1px solid #e5e9ef;align-items:center;gap:12px;min-height:60px;margin-bottom:10px;padding:0 15px;display:flex}.settings-preview-logo{background:var(--theme-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.settings-navbar-preview strong{color:var(--theme-brand-text);font-size:calc(18px * var(--user-font-scale));font-weight:850}.settings-section-heading{align-items:flex-start;gap:10px;display:flex}.settings-section-heading svg{color:var(--theme-primary);flex:none}.settings-section-heading>div{flex-direction:column;gap:3px;display:flex}.settings-section-heading strong{color:#182230;font-size:calc(15px * var(--user-font-scale))}.settings-section-heading span{color:#667085;font-size:calc(11px * var(--user-font-scale));line-height:1.45}.retention-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.retention-options button{border-radius:var(--theme-radius-control);color:#475467;cursor:pointer;background:#f8fafc;border:1px solid #e5e9ef;min-height:45px;padding:0 16px;font-weight:800}.retention-options button.active{border-color:var(--theme-primary);background:var(--theme-primary);color:#fff}.retention-options button:disabled{cursor:not-allowed;opacity:.65}.alert-unit-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.alert-unit-options button{border-radius:var(--theme-radius-control);color:#475467;text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e9ef;align-items:center;gap:12px;min-height:84px;padding:14px;display:flex}.alert-unit-options button>span{flex-direction:column;gap:4px;display:flex}.alert-unit-options strong{font-size:calc(14px * var(--user-font-scale))}.alert-unit-options small{color:#667085;font-size:calc(11px * var(--user-font-scale))}.alert-unit-options button.active{border-color:var(--theme-primary);background:color-mix(in srgb, var(--theme-primary-soft) 75%, white);color:var(--theme-primary-strong)}.alert-unit-options button:disabled{cursor:not-allowed;opacity:.68}.alert-unit-hint{color:#667085;font-size:calc(11px * var(--user-font-scale));margin:10px 0 18px;font-style:italic}.threshold-card{border-radius:var(--theme-radius-card);background:#fff;border:1px solid #e5e9ef;padding:16px}.threshold-card-stack{gap:14px;display:grid}.threshold-card h3{color:#344054;font-size:calc(15px * var(--user-font-scale));align-items:center;gap:8px;margin:0 0 13px;display:flex}.threshold-card h3 svg{color:var(--theme-primary)}.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.threshold-field{flex-direction:column;gap:7px;min-width:0;display:flex}.threshold-field>span{font-size:calc(11px * var(--user-font-scale));font-weight:850}.threshold-field.critical>span{color:#ef1b2d}.threshold-field.warning>span{color:#ef7d00}.threshold-field>div{position:relative}.threshold-field input{box-sizing:border-box;border-radius:var(--theme-radius-control);color:#182230;width:100%;min-height:48px;font-size:calc(17px * var(--user-font-scale));background:#fff;border:1px solid #d7dce3;outline:none;padding:0 40px 0 13px;font-weight:800}.threshold-field input:focus{border-color:var(--theme-primary)}.threshold-field input:disabled{color:#98a2b3;background:#f5f7fa}.threshold-field>div>strong{color:#98a2b3;pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.threshold-ok{color:#667085;font-size:calc(11px * var(--user-font-scale));margin-top:10px;display:block}.alert-validation-error{border-radius:var(--theme-radius-control);color:#dc2626;font-size:calc(12px * var(--user-font-scale));background:#fff1f2;border:1px solid #fecaca;margin-top:14px;padding:11px 13px;font-weight:700}@media (width<=600px){.settings-form-card,.settings-preview-card,.settings-summary-card{padding:16px}.settings-field-grid,.retention-options,.settings-summary-card,.settings-card-header,.alert-unit-options{grid-template-columns:1fr}.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.threshold-grid{grid-template-columns:1fr}}.settings-server-status{border-radius:var(--theme-radius-card);color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.settings-server-status>div{flex-direction:column;gap:3px;display:flex}.settings-server-status strong{font-size:calc(12px * var(--user-font-scale))}.settings-server-status span{color:#667085;font-size:calc(11px * var(--user-font-scale));line-height:1.4}.settings-server-status.cache{color:#9a6700;background:#fff8e5;border-color:#f4d58a}.settings-server-status.error{color:#dc2626;background:#fff1f2;border-color:#fecaca}.settings-server-status button{border-radius:var(--theme-radius-control);min-height:36px;color:inherit;font-size:calc(11px * var(--user-font-scale));cursor:pointer;background:#fff;border:1px solid;flex:none;padding:0 12px;font-weight:800}.settings-save-success{border-radius:var(--theme-radius-control);color:#15803d;font-size:calc(12px * var(--user-font-scale));background:#f0fdf4;border:1px solid #bbf7d0;padding:11px 13px;font-weight:750}.settings-spinner{animation:.85s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}@media (width<=600px){.settings-server-status{align-items:flex-start}}.theme-visual-editor{margin-top:4px}.theme-visual-heading{align-items:flex-start;gap:11px;display:flex}.theme-visual-heading-icon{border-radius:var(--theme-radius-control);background:var(--theme-primary-soft);width:40px;height:40px;color:var(--theme-primary);flex:none;justify-content:center;align-items:center;display:flex}.theme-visual-heading h3{font-size:calc(17px * var(--user-font-scale));margin:0}.theme-visual-heading p{color:#667085;font-size:calc(11px * var(--user-font-scale));margin:4px 0 0}.theme-visual-editor-grid{flex-direction:column;gap:18px;margin-top:18px;display:flex}.theme-visual-label{color:#667085;font-size:calc(10px * var(--user-font-scale));letter-spacing:.08em;font-weight:900}.theme-logo-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.theme-logo-options button{border-radius:var(--theme-radius-control);cursor:pointer;background:#fff;border:1px solid #e5e9ef;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:70px;display:flex}.theme-logo-options button>span{font-size:calc(23px * var(--user-font-scale))}.theme-logo-options button.active{border-color:var(--theme-primary);background:var(--theme-primary-soft);color:var(--theme-primary-strong)}.theme-logo-upload{align-items:center;gap:13px;display:flex}.theme-logo-image-preview{border-radius:var(--theme-radius-card);background:#f8fafc;border:1px solid #e5e9ef;flex:none;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.theme-logo-image-preview img{object-fit:contain;width:100%;height:100%}.theme-logo-upload-actions{flex-wrap:wrap;gap:7px;display:flex}.theme-logo-upload-actions button{border:1px solid var(--theme-primary);border-radius:var(--theme-radius-control);min-height:38px;color:var(--theme-primary-strong);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.theme-visual-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.theme-visual-field{flex-direction:column;gap:6px;display:flex}.theme-visual-field input{box-sizing:border-box;border-radius:var(--theme-radius-control);border:1px solid #d7dce3;width:100%;min-height:44px;padding:0 12px}.theme-visual-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-visual-toggles>label{border-radius:var(--theme-radius-control);border:1px solid #e5e9ef;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.theme-visual-live-preview{border-radius:var(--theme-radius-card);border:1px solid #e5e9ef;overflow:hidden}.theme-visual-preview-navbar{background:var(--theme-header-bg);align-items:center;gap:10px;min-height:74px;padding:0 14px;display:flex;position:relative}.theme-visual-preview-logo{background:linear-gradient(145deg, var(--theme-primary), var(--theme-primary-strong));color:#fff;width:43px;height:43px;font-size:calc(22px * var(--user-font-scale));border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.theme-visual-preview-logo img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.theme-visual-preview-brand{flex-direction:column;display:flex}.theme-visual-preview-brand strong{color:var(--theme-brand-text);font-size:calc(18px * var(--user-font-scale))}.theme-visual-preview-brand small{color:var(--theme-accent);font-size:calc(8px * var(--user-font-scale));font-weight:900}@media (width<=700px){.theme-logo-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-visual-fields,.theme-visual-toggles{grid-template-columns:1fr}}.theme-experience-editor{margin-top:4px}.theme-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.theme-experience-card{border-radius:var(--theme-radius-card);background:#fff;border:1px solid #e5e9ef;flex-direction:column;gap:14px;min-width:0;padding:15px;display:flex}.theme-menu-icon-card{grid-column:1/-1}.theme-experience-title{align-items:flex-start;gap:9px;display:flex}.theme-experience-title>div{flex-direction:column;gap:2px;display:flex}.theme-experience-title strong{color:#344054;font-size:calc(12px * var(--user-font-scale))}.theme-experience-title small{color:#98a2b3;font-size:calc(9px * var(--user-font-scale))}.favicon-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.favicon-mode-options button{border-radius:var(--theme-radius-control);color:#475467;min-height:40px;font-size:calc(10px * var(--user-font-scale));cursor:pointer;background:#fff;border:1px solid #d7dce3;font-weight:800}.favicon-mode-options button.active{border-color:var(--theme-primary);background:var(--theme-primary-soft);color:var(--theme-primary-strong)}.favicon-upload-row{align-items:center;gap:10px;display:flex}.favicon-preview{background:#f8fafc;border:1px solid #e5e9ef;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.favicon-preview img{object-fit:contain;width:100%;height:100%}.favicon-upload-row button{border:1px solid var(--theme-primary);border-radius:var(--theme-radius-control);min-height:38px;color:var(--theme-primary);font-size:calc(10px * var(--user-font-scale));background:#fff;align-items:center;gap:6px;padding:0 11px;font-weight:800;display:inline-flex}.theme-height-control{grid-template-columns:1fr 74px;align-items:center;gap:7px 10px;display:grid}.theme-height-control>div{color:#667085;font-size:calc(10px * var(--user-font-scale));grid-column:1/-1;justify-content:space-between;font-weight:800;display:flex}.theme-height-control>div strong{color:var(--theme-primary-strong)}.theme-height-control input[type=range]{width:100%;accent-color:var(--theme-primary)}.theme-height-control input[type=number]{box-sizing:border-box;border-radius:var(--theme-radius-control);text-align:center;border:1px solid #d7dce3;width:74px;min-height:38px}.theme-menu-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-menu-visibility-grid{gap:10px;margin-bottom:12px;display:grid}.theme-menu-icon-row{border-radius:var(--theme-radius-control);border:1px solid #edf0f3;grid-template-columns:34px minmax(90px,1fr) minmax(210px,1.8fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.theme-menu-icon-preview{background:var(--theme-primary-soft);width:34px;height:34px;color:var(--theme-primary);border-radius:9px;justify-content:center;align-items:center;display:flex}.theme-menu-icon-name{color:#475467;font-size:calc(10px * var(--user-font-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.theme-menu-icon-row select{box-sizing:border-box;border-radius:var(--theme-radius-control);color:#344054;width:100%;min-height:38px;font-size:calc(10px * var(--user-font-scale));background:#fff;border:1px solid #d7dce3;padding:0 7px}.theme-menu-icon-controls{grid-template-columns:minmax(0,1fr) minmax(110px,140px);gap:8px;display:grid}.theme-menu-icon-controls input,.theme-menu-icon-controls select{box-sizing:border-box;border:var(--theme-card-border-width,1px) solid var(--td-border);border-radius:var(--theme-radius-control);background:var(--theme-card-bg);color:#344054;width:100%;min-height:38px;font-size:calc(10px * var(--user-font-scale));padding:0 10px}@media (width<=700px){.theme-experience-grid,.theme-menu-icon-grid{grid-template-columns:1fr}.theme-menu-icon-card{grid-column:auto}.theme-menu-icon-controls{grid-template-columns:1fr}}@media (width<=430px){.theme-menu-icon-row{grid-template-columns:34px 1fr}.theme-menu-icon-controls,.theme-menu-icon-row select{grid-column:1/-1}}.theme-override-color-field{border-radius:var(--theme-radius-control);background:linear-gradient(#fff 0%,#fbfcfd 100%);border:1px solid #d7dce3;flex-direction:column;gap:9px;min-width:0;padding:12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.theme-override-color-field:hover{border-color:#c4cbd4}.theme-override-color-field:focus-within{border-color:var(--theme-primary,#16a34a);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary,#16a34a) 12%, transparent)}.theme-override-color-field.invalid{border-color:#f04438}.theme-override-color-field.disabled{opacity:.68}.theme-override-color-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.theme-override-color-head>span:first-child{color:#475467;min-width:0;font-size:calc(12px * var(--user-font-scale));letter-spacing:.01em;font-weight:800}.theme-color-mode{font-size:calc(9px * var(--user-font-scale));letter-spacing:.055em;border-radius:999px;flex:none;padding:4px 7px;font-weight:900}.theme-color-mode.theme{color:#475467;background:#f2f4f7}.theme-color-mode.custom{color:var(--theme-primary-strong,#166534);background:var(--theme-primary-soft,#dcfce7)}.theme-override-color-control{grid-template-columns:44px minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0;display:grid}.theme-override-color-swatch{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:44px;min-width:44px;height:42px;padding:4px;display:block;position:relative;overflow:hidden}.theme-override-color-swatch>span{border-radius:6px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0000000f}.theme-override-color-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.theme-override-color-swatch input:disabled{cursor:not-allowed}.theme-override-hex-wrap{background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;min-width:0;display:flex;overflow:hidden}.theme-override-hex-wrap:focus-within{border-color:var(--theme-primary,#16a34a);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-primary,#16a34a) 10%, transparent)}.theme-override-color-field.invalid .theme-override-hex-wrap{border-color:#f04438}.theme-override-hex-prefix{color:#98a2b3;font-size:calc(10px * var(--user-font-scale));letter-spacing:.05em;background:#f9fafb;border-right:1px solid #eaecf0;align-self:stretch;align-items:center;padding:0 9px;font-weight:900;display:flex}.theme-override-hex-wrap input{color:#344054;width:100%;min-width:0;min-height:40px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(13px * var(--user-font-scale));text-transform:uppercase;background:0 0;border:0;outline:0;padding:0 10px;font-weight:700}.theme-override-hex-wrap input::placeholder{color:#98a2b3}.theme-override-reset{color:#475467;min-height:42px;font-size:calc(11px * var(--user-font-scale));white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:0 11px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.theme-override-reset:hover:not(:disabled){border-color:var(--theme-primary,#16a34a);color:var(--theme-primary-strong,#166534);background:var(--theme-primary-soft,#f0fdf4)}.theme-override-reset:disabled{opacity:.48;cursor:not-allowed}.theme-override-color-meta{color:#667085;min-height:17px;font-size:calc(10.5px * var(--user-font-scale));align-items:center;gap:6px;line-height:1.35;display:flex}.theme-override-color-meta code{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:inherit;font-weight:800}.theme-override-effective-dot{border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 1px #00000014}.theme-override-color-error{color:#d92d20;font-weight:700}.theme-override-color-valid{color:#027a48}@media (width<=700px){.theme-override-color-control{grid-template-columns:44px minmax(0,1fr)}.theme-override-reset{grid-column:1/-1;width:100%}}@media (width<=420px){.theme-override-color-field{padding:10px}.theme-override-color-head{flex-direction:column;align-items:flex-start}}.theme-library{flex-direction:column;gap:16px;display:flex}.theme-library-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.theme-library-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.theme-menu-grouping-note{color:var(--td-gray-500);margin-bottom:14px;font-size:12px;line-height:1.5}.theme-library-heading-icon{background:var(--theme-primary-soft,#eaf8ef);width:42px;height:42px;color:var(--theme-primary-strong,#137a3a);border-radius:13px;flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-library-heading h2{margin:0;font-size:1rem;font-weight:750}.theme-library-heading p{color:#667085;margin:4px 0 0;font-size:.78rem;line-height:1.5}.theme-library-header-actions{flex-wrap:wrap;gap:8px;display:flex}.theme-library-header-actions button,.theme-library-empty button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:.74rem;font-weight:650;display:inline-flex}.theme-library-header-actions .theme-library-save-new{border-color:var(--theme-primary,#16a34a);background:var(--theme-primary,#16a34a);color:#fff}.theme-library button:disabled{opacity:.5;cursor:not-allowed}.theme-library-note{color:#475467;background:#f7fbff;border:1px solid #dce8f4;border-radius:12px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:.72rem;line-height:1.55;display:flex}.theme-library-note svg{color:#2874a6;flex:none}.theme-library-status{border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:.74rem;font-weight:600;display:flex}.theme-library-status.success{color:#176b35;background:#effaf2;border:1px solid #b7e4c4}.theme-library-status.error{color:#b42318;background:#fff3f3;border:1px solid #fecaca}.theme-library-subhead>div{align-items:baseline;gap:8px;display:flex}.theme-library-subhead strong{font-size:.86rem}.theme-library-subhead span{color:#98a2b3;font-size:.68rem}.theme-library-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;display:grid}.theme-library-card{background:#fff;border:1px solid #e1e6ed;border-radius:15px;flex-direction:column;min-width:0;padding:14px;display:flex;box-shadow:0 4px 14px #1018280a}.theme-library-card.loaded{border-color:var(--theme-primary,#16a34a);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-primary,#16a34a) 10%, transparent)}.theme-library-card-head{justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.theme-library-card-icon{font-size:1.55rem;line-height:1}.theme-library-loaded-badge{background:var(--theme-primary-soft,#eaf8ef);color:var(--theme-primary-strong,#137a3a);border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:.6rem;font-weight:750;display:inline-flex}.theme-library-card-swatches{background:#eef1f5;border-radius:999px;grid-template-columns:2fr 1fr 1fr;gap:3px;height:9px;margin:11px 0;display:grid;overflow:hidden}.theme-library-card-swatches span:first-child{background:#667085}.theme-library-card-swatches span:nth-child(2){background:#344054}.theme-library-card-swatches span:nth-child(3){background:#98a2b3}.theme-library-card-copy{flex:1}.theme-library-card-copy strong{color:#182230;font-size:.82rem;display:block}.theme-library-card-copy p{color:#667085;min-height:2.6em;margin:5px 0 8px;font-size:.67rem;line-height:1.45}.theme-library-card-copy small{color:#98a2b3;font-size:.6rem}.theme-library-card-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.theme-library-card-actions button,.theme-library-card-tools button{color:#475467;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:35px;padding:0 8px;font-size:.65rem;font-weight:650;display:inline-flex}.theme-library-card-actions button.primary{border-color:var(--theme-primary,#16a34a);background:var(--theme-primary,#16a34a);color:#fff}.theme-library-card-tools{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;display:grid}.theme-library-card-tools button{min-height:31px;padding:0 5px}.theme-library-card-tools button.danger{color:#b42318}.theme-library-empty{color:#667085;text-align:center;background:#fafbfc;border:1px dashed #d8dee7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:175px;padding:24px;display:flex}.theme-library-empty strong{color:#344054;font-size:.83rem}.theme-library-empty span{max-width:420px;font-size:.69rem;line-height:1.5}.theme-library-dialog-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a75;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.theme-library-dialog{background:#fff;border:1px solid #e4e7ec;border-radius:18px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #0f172a47}.theme-library-dialog-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 18px 14px;display:flex}.theme-library-dialog-head>div{flex-direction:column;display:flex}.theme-library-dialog-head strong{font-size:.93rem}.theme-library-dialog-head span{color:#667085;margin-top:4px;font-size:.67rem;line-height:1.45}.theme-library-dialog-head>button{color:#475467;cursor:pointer;background:#f2f4f7;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.theme-library-dialog-body{grid-template-columns:1fr 110px;gap:13px;padding:17px 18px;display:grid}.theme-library-dialog-body label{flex-direction:column;gap:6px;display:flex}.theme-library-dialog-body label.wide{grid-column:1/-1}.theme-library-dialog-body label>span{color:#667085;letter-spacing:.055em;font-size:.61rem;font-weight:750}.theme-library-dialog-body input,.theme-library-dialog-body textarea{box-sizing:border-box;color:#182230;background:#fff;border:1px solid #d9dfe7;border-radius:10px;outline:none;width:100%}.theme-library-dialog-body input{height:42px;padding:0 11px}.theme-library-dialog-body textarea{resize:vertical;min-height:88px;padding:10px 11px}.theme-library-dialog-body input:focus,.theme-library-dialog-body textarea:focus{border-color:var(--theme-primary,#16a34a);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary,#16a34a) 10%, transparent)}.theme-library-dialog-actions{justify-content:flex-end;gap:8px;padding:13px 18px 17px;display:flex}.theme-library-dialog-actions button{color:#475467;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:.72rem;font-weight:650;display:inline-flex}.theme-library-dialog-actions button.primary{border-color:var(--theme-primary,#16a34a);background:var(--theme-primary,#16a34a);color:#fff}.theme-library .spin{animation:.8s linear infinite theme-library-spin}@keyframes theme-library-spin{to{transform:rotate(360deg)}}@media (width<=700px){.theme-library-header{flex-direction:column}.theme-library-header-actions{width:100%}.theme-library-header-actions button{flex:1 1 0}.theme-library-grid,.theme-library-dialog-body{grid-template-columns:1fr}.theme-library-dialog-body label.wide{grid-column:auto}}@media (width<=430px){.theme-library-header-actions{flex-direction:column}.theme-library-header-actions button{width:100%}.theme-library-card-tools{grid-template-columns:1fr}.theme-library-dialog-backdrop{align-items:flex-end;padding:8px}.theme-library-dialog{border-radius:18px 18px 12px 12px;width:100%}}.theme-card-layout-card{grid-column:1/-1}.theme-layout-option{flex-direction:column;gap:7px;display:flex}.theme-layout-option-label{color:#667085;font-size:calc(10px * var(--user-font-scale));font-weight:800}.theme-layout-segmented{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px;display:grid}.theme-layout-segmented button{border-radius:var(--theme-radius-control);background:var(--theme-card-bg);color:#475467;min-height:38px;font-size:calc(9.5px * var(--user-font-scale));cursor:pointer;border:1px solid #d7dce3;padding:0 9px;font-weight:800}.theme-layout-segmented button.active{border-color:var(--theme-primary);background:var(--theme-primary-soft);color:var(--theme-primary-strong)}.theme-card-border-toggle{border-radius:var(--theme-radius-control);background:var(--theme-card-bg);border:1px solid #e5e9ef;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 11px;display:flex}.theme-card-border-toggle>span{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-card-border-toggle strong{color:#344054;font-size:calc(10.5px * var(--user-font-scale))}.theme-card-border-toggle small{color:#98a2b3;font-size:calc(9px * var(--user-font-scale))}.theme-card-border-toggle input{width:18px;height:18px;accent-color:var(--theme-primary);flex:none}.appearance-manager-nav{width:100%;margin:0 0 var(--theme-section-gap,16px);border:var(--theme-card-border-width,1px) solid var(--theme-border,#e2e8f0);border-radius:var(--theme-radius-card,16px);background:color-mix(in srgb, var(--theme-card-bg,#fff) 94%, transparent);box-shadow:var(--theme-card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;gap:6px;padding:6px;display:flex;overflow-x:auto}.appearance-manager-nav::-webkit-scrollbar{display:none}.appearance-manager-nav button{border-radius:calc(var(--theme-radius-card,16px) - 5px);min-width:112px;min-height:52px;color:var(--theme-text-muted,#64748b);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:8px 10px}.appearance-manager-nav{position:static}.appearance-manager-nav button{border-radius:calc(var(--theme-radius-card,16px) - 6px);min-height:56px;color:var(--theme-text-muted,#64748b);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 10px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.appearance-manager-nav button:active{transform:scale(.98)}.appearance-manager-nav button.active{border-color:color-mix(in srgb, var(--theme-primary) 35%, transparent);background:var(--theme-primary-soft);color:var(--theme-primary)}.appearance-manager-nav-index{opacity:.72;font-size:10px;font-weight:800;line-height:1;display:block}.appearance-manager-nav-label{text-align:center;font-size:11px;font-weight:800;line-height:1.25;display:block}.appearance-manager-section{width:100%;min-width:0}@media (width>=430px){.appearance-manager-nav button{min-width:124px}.appearance-manager-nav-label{font-size:12px}}@media (width>=768px){.appearance-manager-nav{top:calc(var(--theme-header-height,60px) + 6px);z-index:15;justify-content:flex-start;position:sticky}.appearance-manager-nav button{min-width:128px;min-height:54px}.appearance-manager-nav-index{display:none}.appearance-manager-nav-label{font-size:13px}}.settings-save-error{border-radius:var(--theme-radius-control);color:#b91c1c;font-size:calc(12px * var(--user-font-scale));background:#fef2f2;border:1px solid #fecaca;padding:11px 13px;font-weight:750}:root{--theme-primary:#08a848;--theme-primary-strong:#087d38;--theme-primary-soft:#e9fbf0;--theme-accent:#2563eb;--theme-accent-soft:#edf4ff;--theme-page-bg:#f7f8fa;--theme-header-bg:#fff;--theme-card-bg:#fff;--theme-brand-text:#087d38}body,.td-shell{background:var(--theme-page-bg)}.td-header{background:color-mix(in srgb, var(--theme-header-bg) 97%, transparent)}.td-logo{background:linear-gradient(145deg, var(--theme-primary), var(--theme-primary-strong))}.td-brand-name{color:var(--theme-brand-text)}.td-avatar{color:var(--theme-primary-strong);background:var(--theme-primary-soft);border-color:color-mix(in srgb, var(--theme-primary) 28%, white)}.td-clock-icon{color:var(--theme-primary-strong);background:var(--theme-primary-soft)}.td-card,.td-kpi-card,.td-quick-card{background:var(--theme-card-bg)}.td-primary-button{background:var(--theme-primary);box-shadow:0 6px 14px color-mix(in srgb, var(--theme-primary) 20%, transparent)}.td-semantic-danger{color:#dc2626!important}.td-semantic-warning{color:#d97706!important}.td-semantic-success{color:#059669!important}:root{--theme-radius-card:18px;--theme-radius-control:13px;--theme-density-space:1}html[data-radius=soft]{--theme-radius-card:10px;--theme-radius-control:8px}html[data-radius=rounded]{--theme-radius-card:18px;--theme-radius-control:13px}html[data-radius=pill]{--theme-radius-card:26px;--theme-radius-control:18px}html[data-density=compact]{--theme-density-space:.82}.td-card,.td-kpi-card,.td-quick-card,.theme-card,.system-panel{border-radius:var(--theme-radius-card)}.td-primary-button,.td-menu-button,.td-avatar,.theme-form-field input,.theme-form-field select{border-radius:var(--theme-radius-control)}html[data-density=compact] .td-page{padding-top:14px}html[data-density=compact] .td-kpi-card{min-height:98px}html[data-density=compact] .td-quick-card{min-height:62px}.td-shell:after{z-index:0;pointer-events:none;opacity:0;content:"";width:180px;height:180px;transition:opacity .18s;position:fixed;inset:76px 0 auto auto}html[data-decoration=national-day] .td-shell:after{opacity:.09;background:radial-gradient(circle,#f4c430 0 7%,#0000 8%) 0 0/38px 38px;transform:rotate(18deg)}html[data-decoration=christmas] .td-shell:after{opacity:.15;background-image:radial-gradient(circle,#fff 0 3px,#0000 4px);background-size:28px 28px}html[data-decoration=tet] .td-shell:after{opacity:.12;background:radial-gradient(circle,#e9aa18 0 4px,#0000 5px) 0 0/34px 34px}.td-main{z-index:1;position:relative}.td-header{overflow:visible}.td-theme-logo{flex:none;transition:transform .2s,box-shadow .2s;position:relative}.td-theme-logo-symbol{line-height:1;font-size:calc(22px * var(--user-font-scale));justify-content:center;align-items:center;display:inline-flex}.td-logo-large .td-theme-logo-symbol{font-size:calc(24px * var(--user-font-scale))}.td-theme-logo-badge{border:2px solid var(--theme-header-bg);min-width:19px;height:19px;font-size:calc(11px * var(--user-font-scale));background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:inline-flex;position:absolute;bottom:-5px;right:-7px;box-shadow:0 2px 7px #1018282e}.td-theme-brand-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.td-theme-brand-suffix{color:var(--theme-accent);font-size:calc(9px * var(--user-font-scale));letter-spacing:.16em;text-transform:uppercase;font-weight:900;line-height:1}.td-theme-header-decoration{z-index:-1;pointer-events:none;white-space:nowrap;color:var(--theme-accent);opacity:.18;font-size:calc(10px * var(--user-font-scale));letter-spacing:.16em;font-weight:900;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.td-theme-card-accent .td-card,.td-theme-card-accent .td-kpi-card,.td-theme-card-accent .td-quick-card{border-color:color-mix(in srgb, var(--theme-accent) 22%, #e5e9ef);box-shadow:0 3px 12px color-mix(in srgb, var(--theme-primary) 7%, transparent)}.td-theme-nav-accent .td-bottom-nav{border-top-color:color-mix(in srgb, var(--theme-accent) 24%, #e5e9ef)}html[data-decoration=national-day] .td-header{background:linear-gradient(90deg, #d719200f, var(--theme-header-bg) 28%, var(--theme-header-bg) 72%, #f4c4301a);border-bottom:3px solid #f4c430}html[data-decoration=national-day] .td-theme-logo{color:#ffeb3b;background:linear-gradient(145deg,#e51b23,#b51219);box-shadow:0 4px 12px #d7192047}html[data-decoration=national-day] .td-theme-logo-symbol{font-size:calc(24px * var(--user-font-scale))}html[data-decoration=national-day] .td-shell{background-image:radial-gradient(circle at 94% 11%,#f4c4301a 0 2px,#0000 3px);background-size:28px 28px}html[data-decoration=christmas] .td-header{background:linear-gradient(90deg, #08783e14, var(--theme-header-bg) 35%, var(--theme-header-bg) 68%, #c6262e14);border-bottom:3px solid #c6262e}html[data-decoration=christmas] .td-theme-logo{background:linear-gradient(145deg,#08783e,#064d2a);box-shadow:0 4px 13px #08783e47}html[data-decoration=christmas] .td-theme-logo-badge{color:#08783e}html[data-decoration=christmas] .td-shell{background-image:radial-gradient(circle,#08783e12 0 1.5px,#0000 2px);background-size:24px 24px}html[data-decoration=tet] .td-header{background:linear-gradient(90deg, #d51f2617, var(--theme-header-bg) 35%, var(--theme-header-bg) 67%, #e9aa181c);border-bottom:3px solid #e9aa18}html[data-decoration=tet] .td-theme-logo{background:linear-gradient(145deg,#d51f26,#a7151b);box-shadow:0 4px 13px #d51f2647}html[data-decoration=tet] .td-theme-logo-badge{background:#fff9e8}html[data-decoration=tet] .td-shell{background-image:radial-gradient(circle,#e9aa1814 0 2px,#0000 2.5px);background-size:34px 34px}.td-drawer-brand-copy{color:var(--theme-brand-text);flex-direction:column;display:flex}.td-drawer-brand-copy small{color:var(--theme-accent);font-size:calc(9px * var(--user-font-scale));letter-spacing:.14em;margin-top:2px;font-weight:900}@media (width<=430px){.td-theme-header-decoration{display:none}.td-theme-logo-badge{bottom:-4px;right:-6px;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.td-theme-logo{transition:none}}.td-theme-logo-image{object-fit:contain;border-radius:inherit;width:100%;height:100%}.td-theme-page-decoration{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--theme-accent);opacity:.07;font-size:calc(110px * var(--user-font-scale));line-height:1;position:fixed;top:94px;right:10px;transform:rotate(-8deg)}html[data-decoration=national-day] .td-theme-page-decoration{color:#f4c430}html[data-decoration=christmas] .td-theme-page-decoration{color:#08783e}html[data-decoration=tet] .td-theme-page-decoration{color:#e9aa18}@media (width<=430px){.td-theme-page-decoration{font-size:calc(76px * var(--user-font-scale));top:100px;right:-5px}}:root{--app-primary:#08a947;--app-primary-strong:#07893c;--app-primary-soft:#eafbf1;--app-purple:#5138f5;--app-purple-soft:#f2efff;--app-blue:#2463eb;--app-blue-soft:#edf4ff;--app-orange:#ea7000;--app-orange-soft:#fff7e8;--app-red:#ef1d35;--app-red-soft:#fff0f2;--app-text:#111827;--app-text-secondary:#667085;--app-text-muted:#98a2b3;--app-bg:#f6f7f9;--app-surface:#fff;--app-border:#e4e7ec;--app-border-strong:#d7dce3;--app-radius-sm:12px;--app-radius-md:18px;--app-radius-lg:24px;--app-radius-xl:28px;--app-shadow-card:0 2px 5px #10182814, 0 1px 2px #1018280a;--app-shadow-float:0 12px 30px #1018282e;--app-header-height:86px;--app-bottom-nav-height:88px;--app-page-gutter-mobile:18px;--app-page-gutter-desktop:28px;--app-content-max-width:1180px}html{background:var(--app-bg)}body{background:var(--app-bg);min-width:320px;color:var(--app-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{-webkit-tap-highlight-color:transparent}.mobile-app{background:var(--app-bg);min-height:100dvh}.mobile-content{width:100%;max-width:var(--app-content-max-width);padding:20px var(--app-page-gutter-mobile) calc(var(--app-bottom-nav-height) + 32px);margin:0 auto}.mobile-page{flex-direction:column;gap:20px;display:flex}.mobile-page-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mobile-page-title{font-size:calc(30px * var(--user-font-scale));color:var(--app-text);margin:0;font-weight:800;line-height:1.12}.mobile-page-subtitle{color:var(--app-text-secondary);font-size:calc(16px * var(--user-font-scale));margin:4px 0 0;line-height:1.45}.ui-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-card);padding:22px;position:relative}.ui-card-flat{box-shadow:none}.ui-card-title{color:var(--app-text);font-size:calc(20px * var(--user-font-scale));margin:0;font-weight:800;line-height:1.25}.ui-card-description{color:var(--app-text-secondary);font-size:calc(15px * var(--user-font-scale));margin:5px 0 0;line-height:1.45}.ui-section-title{color:var(--app-text-secondary);font-size:calc(14px * var(--user-font-scale));letter-spacing:.03em;text-transform:uppercase;margin:0 0 14px;font-weight:800}.ui-button{cursor:pointer;min-height:50px;font-weight:750;font-size:calc(15px * var(--user-font-scale));border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 18px;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex}.ui-button:active{transform:translateY(1px)scale(.99)}.ui-button:disabled{opacity:.48;cursor:not-allowed}.ui-button-primary{color:#fff;background:var(--app-primary);box-shadow:0 8px 18px #08a94733}.ui-button-primary:hover{background:var(--app-primary-strong)}.ui-button-secondary{color:var(--app-text);border-color:var(--app-border);background:#fff}.ui-button-purple{color:#fff;background:var(--app-purple);box-shadow:0 8px 18px #5138f52e}.ui-button-danger{color:var(--app-red);background:var(--app-red-soft);border-color:#ffc8d0}.ui-field{flex-direction:column;gap:7px;display:flex}.ui-label{color:#475467;font-size:calc(14px * var(--user-font-scale));font-weight:750}.ui-input,.ui-select,.ui-textarea{border:1px solid var(--app-border-strong);width:100%;min-height:52px;color:var(--app-text);font-size:calc(16px * var(--user-font-scale));background:#fff;border-radius:14px;outline:none;padding:0 15px}.ui-textarea{resize:vertical;min-height:110px;padding-top:14px}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #08a9471a}.ui-badge{min-height:28px;font-size:calc(13px * var(--user-font-scale));border-radius:999px;align-items:center;padding:3px 10px;font-weight:800;display:inline-flex}.ui-badge-green{color:#087a35;background:#dcfce7}.ui-badge-orange{color:#b54708;background:#fff1d6}.ui-badge-red{color:#c1122f;background:#ffe4e8}.ui-badge-blue{color:#1d4ed8;background:#e7efff}.ui-badge-purple{color:#5b34da;background:#eee9ff}.ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ui-stat{border:1px solid var(--app-border);background:#fff;border-radius:18px;min-height:126px;padding:18px}.ui-stat-green{background:linear-gradient(135deg,#f2fff7,#e9faef);border-color:#b4f1cb}.ui-stat-red{background:linear-gradient(135deg,#fff8f8,#fff0f2);border-color:#ffd1d7}.ui-stat-blue{background:linear-gradient(135deg,#f6f9ff,#edf4ff);border-color:#c8ddff}.ui-stat-purple{background:linear-gradient(135deg,#fbfaff,#f1eeff);border-color:#dcd4ff}.ui-stat-label{color:#475467;font-size:calc(13px * var(--user-font-scale));text-transform:uppercase;font-weight:800}.ui-stat-value{font-size:calc(28px * var(--user-font-scale));margin-top:10px;font-weight:850;line-height:1}.ui-stat-caption{color:var(--app-text-secondary);font-size:calc(13px * var(--user-font-scale));margin-top:9px}.ui-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.ui-action-card{border:1px solid var(--app-border);min-height:118px;color:var(--app-text);text-align:center;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex;box-shadow:0 4px 12px #1018280d}.ui-filter-panel{border:1px solid var(--app-border);background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;display:grid}.ui-tabs{border-bottom:1px solid var(--app-border);scrollbar-width:none;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{white-space:nowrap;min-height:52px;color:var(--app-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0 18px;font-weight:750;display:inline-flex;position:relative}.ui-tab-active{color:var(--app-primary)}.ui-tab-active:after{background:var(--app-primary);content:"";border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}@media (width<=760px){:root{--app-header-height:76px;--app-bottom-nav-height:82px}.mobile-content{padding:18px 18px calc(var(--app-bottom-nav-height) + 30px)}.mobile-page{gap:16px}.mobile-page-title{font-size:calc(26px * var(--user-font-scale))}.ui-card{border-radius:20px;padding:18px}.ui-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-action-card{min-height:106px;font-size:calc(14px * var(--user-font-scale))}.ui-filter-panel{grid-template-columns:1fr}}@media (width<=420px){.mobile-content{padding-left:var(--app-page-gutter-mobile);padding-right:var(--app-page-gutter-mobile)}.ui-stat-grid{gap:10px}.ui-stat{padding:15px}.ui-stat-value{font-size:calc(24px * var(--user-font-scale))}}@media (width>=1000px){.mobile-content{padding-left:var(--app-page-gutter-desktop);padding-right:var(--app-page-gutter-desktop)}}.mobile-shell{background:var(--app-bg);min-height:100dvh;padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-topbar{z-index:40;min-height:76px;padding:env(safe-area-inset-top) var(--app-page-gutter-mobile) 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--app-border);background:#fffffff5;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-icon-button{border:1px solid var(--app-border);width:46px;height:46px;color:var(--app-text);cursor:pointer;background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mobile-brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand-mark{color:#fff;width:42px;height:42px;font-size:calc(14px * var(--user-font-scale));letter-spacing:.03em;background:linear-gradient(135deg,#06a447,#0bc765);border-radius:13px;flex:none;justify-content:center;align-items:center;font-weight:900;display:flex;box-shadow:0 8px 20px #08a94738}.mobile-brand-copy{flex-direction:column;min-width:0;display:flex}.mobile-brand-copy strong{font-size:calc(16px * var(--user-font-scale));white-space:nowrap;text-overflow:ellipsis;font-weight:850;overflow:hidden}.mobile-brand-copy span{color:var(--app-text-secondary);font-size:calc(11px * var(--user-font-scale));margin-top:2px}.mobile-topbar-actions{align-items:center;gap:10px;display:flex}.mobile-clock{flex-direction:column;align-items:flex-end;display:flex}.mobile-clock strong{font-size:calc(14px * var(--user-font-scale))}.mobile-clock span{color:var(--app-text-secondary);font-size:calc(10px * var(--user-font-scale));margin-top:2px}.mobile-avatar{color:#4936da;cursor:pointer;background:#eef1ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.mobile-shell-content{width:100%}.mobile-bottom-nav{z-index:40;min-height:78px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--app-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-item{color:#7a8493;min-width:0;font-size:calc(11px * var(--user-font-scale));cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-weight:750;text-decoration:none;display:flex;position:relative}.mobile-bottom-item:before{content:"";background:0 0;border-radius:999px;width:34px;height:4px;position:absolute;top:7px}.mobile-bottom-item-active{color:var(--app-primary)}.mobile-bottom-item-active:before{background:var(--app-primary)}.mobile-drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;border:none;position:fixed;inset:0}.mobile-drawer{z-index:80;background:#fff;width:min(88vw,360px);animation:.18s ease-out mobileDrawerIn;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:20px 0 50px #0f172a33}@keyframes mobileDrawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{min-height:84px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;display:flex}.mobile-drawer-brand{align-items:center;gap:12px;display:flex}.mobile-drawer-brand>div:last-child{flex-direction:column;display:flex}.mobile-drawer-brand strong{font-size:calc(15px * var(--user-font-scale));font-weight:900}.mobile-drawer-brand span{color:var(--app-text-secondary);font-size:calc(12px * var(--user-font-scale));margin-top:2px}.mobile-brand-mark-large{width:48px;height:48px}.mobile-drawer-profile{border:1px solid var(--app-border);background:#f8fafc;border-radius:18px;align-items:center;gap:12px;margin:18px;padding:16px;display:flex}.mobile-avatar-large{width:48px;height:48px}.mobile-drawer-profile>div:last-child{flex-direction:column;min-width:0;display:flex}.mobile-drawer-profile strong{font-size:calc(14px * var(--user-font-scale))}.mobile-drawer-profile span{color:var(--app-text-secondary);font-size:calc(12px * var(--user-font-scale));margin-top:3px}.mobile-drawer-section-title{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));letter-spacing:.08em;text-transform:uppercase;padding:4px 20px 10px;font-weight:850}.mobile-drawer-nav{flex-direction:column;gap:5px;padding:0 12px 24px;display:flex}.mobile-drawer-item{color:#344054;border-radius:14px;align-items:center;gap:12px;min-height:54px;padding:0 14px;font-weight:750;text-decoration:none;display:flex}.mobile-drawer-icon{color:#475467;background:#f3f4f6;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-drawer-item-active{color:#087a35;background:var(--app-primary-soft)}.mobile-drawer-item-active .mobile-drawer-icon{color:var(--app-primary);background:#fff}@media (width<=520px){.mobile-brand-mark,.mobile-brand-copy span,.mobile-clock{display:none}}@media (width>=960px){.mobile-shell{padding-top:82px;padding-bottom:0}.mobile-topbar{min-height:82px;padding-left:var(--app-page-gutter-desktop);padding-right:var(--app-page-gutter-desktop)}.mobile-bottom-nav{display:none}}.home-page{gap:24px}.home-welcome{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.home-welcome span{color:var(--app-text-secondary);font-size:calc(13px * var(--user-font-scale))}.home-welcome h1{font-size:calc(27px * var(--user-font-scale));margin:3px 0 2px;font-weight:900;line-height:1.15}.home-welcome p{color:var(--app-text-secondary);font-size:calc(14px * var(--user-font-scale));margin:0}.home-live-badge{color:#087a35;font-size:calc(12px * var(--user-font-scale));background:#ebfbf1;border-radius:999px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-weight:800;display:inline-flex}.home-live-badge span{background:var(--app-primary);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #08a9471f}.home-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.home-action-card{border:1px solid var(--app-border);min-height:110px;color:var(--app-text);text-align:center;font-size:calc(13px * var(--user-font-scale));background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:13px 8px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 3px 10px #1018280d}.home-action-icon{border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.home-action-green .home-action-icon{background:var(--app-primary-soft);color:var(--app-primary)}.home-action-blue .home-action-icon{background:var(--app-blue-soft);color:var(--app-blue)}.home-action-purple .home-action-icon{background:var(--app-purple-soft);color:var(--app-purple)}.home-action-orange .home-action-icon{background:var(--app-orange-soft);color:var(--app-orange)}.home-action-slate .home-action-icon{color:#475467;background:#f2f4f7}.home-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-stat-card{flex-direction:column;justify-content:space-between;min-height:155px;padding:17px;display:flex}.home-stat-top{justify-content:space-between;align-items:center;display:flex}.home-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.home-stat-icon-green{color:var(--app-primary);background:var(--app-primary-soft)}.home-stat-icon-purple{color:var(--app-purple);background:var(--app-purple-soft)}.home-stat-icon-blue{color:var(--app-blue);background:var(--app-blue-soft)}.home-stat-icon-orange{color:var(--app-orange);background:var(--app-orange-soft)}.home-stat-status{font-size:calc(11px * var(--user-font-scale));font-weight:850}.home-stat-status.positive{color:var(--app-primary)}.home-stat-label{color:var(--app-text-secondary);font-size:calc(12px * var(--user-font-scale));margin-top:13px;font-weight:750}.home-stat-card strong{font-size:calc(24px * var(--user-font-scale));margin-top:4px;font-weight:900}.home-stat-note{color:var(--app-text-muted);font-size:calc(11px * var(--user-font-scale));margin-top:5px}.home-current-shift{background:linear-gradient(135deg,#fff,#f2fff7);border-color:#bceccb}.home-shift-header{justify-content:space-between;align-items:center;display:flex}.home-shift-header span{color:var(--app-text-secondary);font-size:calc(12px * var(--user-font-scale));text-transform:uppercase;font-weight:800}.home-shift-header h2{font-size:calc(22px * var(--user-font-scale));margin:5px 0 0;font-weight:900}.home-shift-indicator{width:46px;height:46px;color:var(--app-orange);background:var(--app-orange-soft);border-radius:15px;justify-content:center;align-items:center;display:flex}.home-current-shift p{color:var(--app-text-secondary);line-height:1.55;font-size:calc(14px * var(--user-font-scale));margin:13px 0 17px}.home-full-button{width:100%;text-decoration:none}.home-task-list{padding:8px 16px}.home-task-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:74px;display:grid}.home-task-icon{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.home-task-icon-orange{color:var(--app-orange);background:var(--app-orange-soft)}.home-task-icon-purple{color:var(--app-purple);background:var(--app-purple-soft)}.home-task-row>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.home-task-row strong{font-size:calc(14px * var(--user-font-scale))}.home-task-row span{color:var(--app-text-secondary);font-size:calc(12px * var(--user-font-scale));margin-top:3px}.home-task-count{text-align:center;background:#f2f4f7;border-radius:999px;min-width:30px;padding:5px 8px;font-weight:850;color:#475467!important}.home-task-divider{background:var(--app-border);height:1px}@media (width<=760px){.home-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat-card{padding:14px}.home-stat-card strong{font-size:calc(21px * var(--user-font-scale))}}.mobile-shell:before{content:"TRIDUC MOBILE UI";z-index:99999;color:#fff;font-size:calc(9px * var(--user-font-scale));letter-spacing:.08em;pointer-events:none;opacity:.55;background:#0f766e;border-radius:999px;padding:5px 9px;font-weight:800;position:fixed;bottom:82px;right:12px}:root{--td-green:#08a848;--td-green-dark:#087d38;--td-green-soft:#e9fbf0;--td-blue:#2563eb;--td-blue-soft:#edf4ff;--td-purple:#5638f6;--td-purple-soft:#f1edff;--td-orange:#ef7900;--td-orange-soft:#fff3df;--td-dark:#111827;--td-gray-900:#182230;--td-gray-700:#475467;--td-gray-500:#667085;--td-gray-400:#98a2b3;--td-border:#e5e9ef;--td-bg:#f7f8fa;--td-header:76px;--td-bottom:82px}html,body,#root{min-height:100%}body{background:var(--td-bg)}.td-shell{background:var(--td-bg);min-height:100dvh;padding-top:calc(var(--td-header) + env(safe-area-inset-top));padding-bottom:calc(var(--td-bottom) + env(safe-area-inset-bottom))}.td-header{z-index:50;height:calc(var(--td-header) + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(8px, calc(var(--td-header) * .22), 16px) 0;border-bottom:1px solid var(--td-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px #1018280f}.td-brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.td-logo{width:clamp(26px, calc(var(--td-header) - 18px), 42px);height:clamp(26px, calc(var(--td-header) - 18px), 42px);color:#fff;background:linear-gradient(145deg,#14b85a,#06923f);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 5px 12px #08a84838}.td-brand-name{color:var(--td-green-dark);font-size:clamp(14px, calc(var(--td-header) * .29), calc(22px * var(--user-font-scale)));letter-spacing:-.03em;font-weight:850}.td-header-right{align-items:center;gap:9px;min-width:0;display:flex}.td-clock-chip{min-height:clamp(30px, calc(var(--td-header) - 16px), 44px);border:1px solid var(--td-border);background:#fff;border-radius:13px;align-items:center;display:flex;overflow:hidden}.td-clock-icon{padding:0 clamp(6px, calc(var(--td-header) * .12), 10px);color:var(--td-green-dark);font-size:clamp(14px, calc(var(--td-header) * .24), calc(20px * var(--user-font-scale)));background:#ddf9e8;align-self:stretch;align-items:center;display:flex}.td-clock-copy{min-width:clamp(66px, calc(var(--td-header) + 18px), 94px);padding:clamp(2px, calc(var(--td-header) * .05), 5px) clamp(6px, calc(var(--td-header) * .12), 10px);flex-direction:column;display:flex}.td-clock-copy small{color:var(--td-gray-500);font-size:clamp(8px, calc(var(--td-header) * .12), calc(11px * var(--user-font-scale)));font-weight:700;line-height:1.1}.td-clock-copy strong{color:var(--td-gray-900);font-size:clamp(10px, calc(var(--td-header) * .17), calc(14px * var(--user-font-scale)));margin-top:2px;line-height:1.1}.td-avatar{width:44px;height:44px;color:var(--td-green-dark);cursor:pointer;background:#ddf9e8;border:1px solid #b8efcc;border-radius:13px;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.td-menu-button{width:clamp(30px, calc(var(--td-header) - 14px), 46px);height:clamp(30px, calc(var(--td-header) - 14px), 46px);border:1px solid var(--td-border);color:#344054;cursor:pointer;background:#f8fafc;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.td-main{width:100%}.td-page{width:min(100%,1160px);padding:20px var(--theme-app-gutter-mobile) 32px;margin:0 auto}.td-page-heading{place-content:flex-start space-between;align-items:flex-start;gap:15px;min-height:0;margin-bottom:22px;padding:0;display:flex}.td-page-heading>div:first-child{flex:260px;align-self:flex-start;min-width:0}.td-page-heading h1{font-size:calc(28px * var(--user-font-scale));letter-spacing:-.035em;color:var(--td-dark);overflow-wrap:anywhere;margin:0;font-weight:850;line-height:1.1}.td-page-heading p{color:var(--td-gray-500);font-size:calc(14px * var(--user-font-scale));overflow-wrap:anywhere;margin:5px 0 0}.td-page-heading+.td-card,.td-page-heading+.ui-card,.td-page-heading+.td-home-error,.td-page-heading+.td-kpi-grid,.td-page-heading+.stocktake-filters,.td-page-heading+div,.td-page-heading+section{margin-top:0}.td-refresh-button{border:1px solid var(--td-border);color:#344054;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:750;display:flex}.td-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.td-quick-card{border:1px solid var(--td-border);background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:78px;padding:13px;text-decoration:none;display:flex;box-shadow:0 2px 7px #1018280a}.td-quick-icon{border-radius:13px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.td-quick-icon.green{color:var(--td-green);background:var(--td-green-soft)}.td-quick-icon.blue{color:var(--td-blue);background:var(--td-blue-soft)}.td-quick-icon.purple{color:var(--td-purple);background:var(--td-purple-soft)}.td-quick-icon.orange{color:var(--td-orange);background:var(--td-orange-soft)}.td-quick-copy{flex-direction:column;min-width:0;display:flex}.td-quick-copy strong{color:var(--td-gray-900);font-size:calc(14px * var(--user-font-scale))}.td-quick-copy small{color:var(--td-gray-500);font-size:calc(11px * var(--user-font-scale));margin-top:3px}.td-card{border:1px solid var(--td-border);background:#fff;border-radius:20px;box-shadow:0 2px 8px #1018280d}.td-shift-card{background:linear-gradient(135deg,#fff,#f2fff7);border-color:#c5efd4;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:24px;padding:17px;display:grid}.td-shift-icon{width:48px;height:48px;color:var(--td-green);background:var(--td-green-soft);border-radius:14px;justify-content:center;align-items:center;display:flex}.td-shift-copy h2{font-size:calc(16px * var(--user-font-scale));margin:2px 0 3px;font-weight:800}.td-shift-copy p{color:var(--td-gray-500);font-size:calc(12px * var(--user-font-scale));margin:0;line-height:1.45}.td-eyebrow{color:var(--td-gray-400);font-size:calc(10px * var(--user-font-scale));letter-spacing:.04em;font-weight:800}.td-primary-button{background:var(--td-green);color:#fff;min-height:46px;font-size:calc(13px * var(--user-font-scale));border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #08a8482e}.td-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.td-section-heading.compact{border-bottom:1px solid var(--td-border);margin:0;padding:18px 18px 14px}.td-section-heading h2{color:var(--td-gray-900);font-size:calc(18px * var(--user-font-scale));letter-spacing:-.02em;margin:0;font-weight:820}.td-section-heading p{color:var(--td-gray-500);font-size:calc(12px * var(--user-font-scale));margin:3px 0 0}.td-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.td-kpi-card{border:1px solid var(--td-border);background:#fff;border-radius:18px;flex-direction:column;min-height:124px;padding:15px;display:flex;box-shadow:0 2px 7px #1018280a}.td-kpi-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.td-kpi-head small{color:var(--td-gray-400);font-size:calc(10px * var(--user-font-scale))}.td-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.td-kpi-icon.green{color:var(--td-green);background:var(--td-green-soft)}.td-kpi-icon.purple{color:var(--td-purple);background:var(--td-purple-soft)}.td-kpi-icon.blue{color:var(--td-blue);background:var(--td-blue-soft)}.td-kpi-icon.orange{color:var(--td-orange);background:var(--td-orange-soft)}.td-kpi-card>span{color:var(--td-gray-500);font-size:calc(12px * var(--user-font-scale));font-weight:700}.td-kpi-card>strong{color:var(--td-gray-900);font-size:calc(23px * var(--user-font-scale));margin-top:5px;line-height:1}.td-task-list{padding:5px 17px}.td-task-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:70px;text-decoration:none;display:grid}.td-task-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.td-task-icon.green{color:var(--td-green);background:var(--td-green-soft)}.td-task-icon.blue{color:var(--td-blue);background:var(--td-blue-soft)}.td-task-copy{flex-direction:column;min-width:0;display:flex}.td-task-copy strong{color:var(--td-gray-900);font-size:calc(13px * var(--user-font-scale))}.td-task-copy small{color:var(--td-gray-500);font-size:calc(11px * var(--user-font-scale));margin-top:3px}.td-task-row b{color:#475467;text-align:center;min-width:30px;font-size:calc(12px * var(--user-font-scale));background:#f2f4f7;border-radius:999px;padding:5px 7px}.td-task-divider{background:var(--td-border);height:1px}.td-bottom-nav{z-index:50;height:calc(var(--td-bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--td-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #1018280a}.td-bottom-item{color:#717b8d;min-width:0;font-size:calc(10px * var(--user-font-scale));background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-weight:700;text-decoration:none;display:flex}.td-bottom-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:32px;display:flex}.td-bottom-item.active{color:var(--td-green-dark)}.td-bottom-item.active .td-bottom-icon{background:var(--td-green-soft);color:var(--td-green)}.td-module-hero-card,.td-module-record-card,.td-module-hero-grid,.td-module-hero-copy{min-width:0}.td-module-hero-copy h1,.td-module-hero-copy p{overflow-wrap:anywhere}.td-module-hero-actions,.td-module-split-row{min-width:0}@media (width<=760px){.td-module-hero-grid{grid-template-columns:1fr!important;align-items:flex-start!important}.td-module-hero-actions{justify-items:stretch!important}.td-module-hero-actions>*{width:100%}.td-module-split-row{grid-template-columns:1fr!important}}.td-drawer-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118276b;border:0;position:fixed;inset:0}.td-drawer{z-index:100;background:#fff;flex-direction:column;width:min(86vw,360px);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:20px 0 45px #10182833}.td-drawer-brand{min-height:92px;padding:calc(15px + env(safe-area-inset-top)) 17px 15px;color:var(--td-green-dark);font-size:calc(19px * var(--user-font-scale));align-items:center;gap:11px;display:flex}.td-logo-large{width:45px;height:45px}.td-drawer-close{background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;display:flex}.td-user-card{border-top:1px solid var(--td-border);border-bottom:1px solid var(--td-border);background:#f8fafc;align-items:center;gap:12px;padding:15px 18px;display:flex}.td-avatar-large{border-radius:14px;width:48px;height:48px}.td-user-card>div:last-child{flex-direction:column;display:flex}.td-user-card strong{font-size:calc(14px * var(--user-font-scale))}.td-user-card span{color:var(--td-gray-500);font-size:calc(12px * var(--user-font-scale));margin-top:3px}.td-drawer-menu{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.td-drawer-section{flex-direction:column;gap:10px;display:flex}.td-drawer-section-title{color:var(--td-gray-400);gap:2px;padding:0 14px 6px;display:grid}.td-drawer-section-title strong{color:var(--td-gray-900);font-size:calc(12px * var(--user-font-scale));font-weight:850}.td-drawer-section-title span{color:var(--td-gray-500);font-size:calc(10.5px * var(--user-font-scale));line-height:1.4}.td-drawer-section-card{border:1px solid var(--td-border);background:#fff;border-radius:18px;flex-direction:column;display:flex;box-shadow:0 2px 8px #1018280a}.td-drawer-section-card .td-drawer-link+.td-drawer-link{border-top:1px solid color-mix(in srgb, var(--td-border) 72%, transparent)}.td-drawer-link{color:#344054;min-height:52px;font-size:calc(14px * var(--user-font-scale));border-radius:13px;align-items:center;gap:13px;padding:0 14px;font-weight:700;text-decoration:none;display:flex}.td-drawer-link.active{color:var(--td-green-dark);background:var(--td-green-soft)}.td-logout{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:52px;margin:12px;font-weight:750;display:flex}.td-secondary-action{border:1px solid var(--td-border);min-height:52px;color:var(--td-gray-900);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin:12px 12px 0;font-weight:750;display:flex}.td-dialog-backdrop{z-index:130;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;border:0;position:fixed;inset:0}.td-dialog{z-index:140;border:1px solid var(--td-border);background:#fff;border-radius:22px;width:min(92vw,460px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0f172a38}.td-dialog-head{border-bottom:1px solid color-mix(in srgb, var(--td-border) 72%, transparent);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 14px;display:flex}.td-dialog-head>div{gap:4px;display:grid}.td-dialog-head strong{font-size:calc(18px * var(--user-font-scale));color:var(--td-gray-900)}.td-dialog-head span{color:var(--td-gray-500);font-size:calc(13px * var(--user-font-scale));line-height:1.5}.td-dialog-head>button{width:38px;height:38px;color:var(--td-gray-700);background:#f8fafc;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.td-dialog-body{gap:14px;padding:18px 20px 20px;display:grid}.td-dialog-body label{gap:7px;display:grid}.td-dialog-body label span{font-size:calc(13px * var(--user-font-scale));color:var(--td-gray-800);font-weight:700}.td-dialog-body input{border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;min-height:46px;padding:0 13px}.td-dialog-body input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.td-dialog-note{color:#1d4ed8;font-size:calc(13px * var(--user-font-scale));background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;line-height:1.5}.td-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.td-dialog-actions>button{width:100%}@media (width<=720px){.td-page{padding:17px var(--theme-app-gutter-mobile) 28px}.td-page-heading{flex-direction:column;place-content:flex-start;align-items:stretch;margin-bottom:12px}.td-page-heading .td-ui-page-actions{justify-content:flex-start;width:100%}.td-page-heading .td-page-header-tools{align-items:stretch;width:100%}.td-page-heading>div:first-child{flex-basis:auto}.td-page-heading .td-page-picker{flex-basis:auto;width:100%;min-width:0}.td-page-heading h1{font-size:calc(24px * var(--user-font-scale))}.td-refresh-button span{display:none}.td-refresh-button{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.td-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.td-quick-card{min-height:70px;padding:11px}.td-quick-icon{width:40px;height:40px}.td-shift-card{grid-template-columns:auto 1fr;padding:15px}.td-shift-card .td-primary-button{grid-column:1/-1;width:100%}.td-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.td-kpi-card{min-height:112px;padding:13px}}@media (width<=430px){.td-header{padding-left:14px;padding-right:14px}.td-brand-name{font-size:calc(20px * var(--user-font-scale))}.td-logo{width:40px;height:40px}.td-clock-copy{min-width:82px;padding-left:8px;padding-right:8px}.td-clock-copy small{font-size:calc(10px * var(--user-font-scale))}.td-avatar{width:42px;height:42px}.td-menu-button{width:44px;height:44px}}@media (width<=375px){.td-clock-chip{display:none}}@media (width>=900px){.td-shell{padding-bottom:0}.td-bottom-nav{display:none}.td-page{padding:28px var(--theme-app-gutter-desktop) 40px}}.td-bottom-item{overflow:hidden}.td-bottom-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;min-width:0;padding-inline:2px;overflow:hidden}.td-drawer{max-width:min(88vw,380px)}@media (width<=700px){.td-main{min-width:0;overflow-x:hidden}.page-heading{gap:14px;min-width:0}.page-heading>div{min-width:0}.page-heading h1,.page-heading p{overflow-wrap:anywhere}.page-heading-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%;min-width:0;display:grid}.page-heading-actions button{width:100%;min-width:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card{min-width:0;padding:13px}.summary-card strong{font-size:calc(17px * var(--user-font-scale));overflow-wrap:anywhere}.stocktake-filters,.stocktake-create-card,.table-card,.stocktake-table-card{min-width:0;max-width:100%}.filter-grid{grid-template-columns:1fr}.filter-grid label,.filter-grid input,.filter-grid select{width:100%;min-width:0}.table-heading{align-items:flex-start;gap:8px;min-width:0}.table-heading>div{flex-wrap:wrap;min-width:0}.table-heading strong,.table-heading span{overflow-wrap:anywhere}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.data-table{min-width:680px}.table-card .table-scroll table{min-width:720px}.data-table th,.data-table td,.table-card table th,.table-card table td{white-space:nowrap}}@media (width<=430px){.td-main{padding-left:12px;padding-right:12px}.td-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.td-bottom-item{font-size:calc(9px * var(--user-font-scale));gap:3px;padding-left:1px;padding-right:1px}.td-bottom-icon{width:34px;height:29px}.td-bottom-icon svg{width:20px;height:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{width:100%}.filter-actions button{min-width:0}}@media (width<=360px){.summary-grid{grid-template-columns:1fr}.td-bottom-item{font-size:calc(8px * var(--user-font-scale))}.td-bottom-icon{width:30px}}:root{--td-list-radius:var(--theme-radius-card);--td-list-radius-lg:calc(var(--theme-radius-card) + 4px);--td-list-gap:calc(6px * var(--theme-density-space,1));--td-list-row-min-h:calc(92px * var(--theme-density-space,1));--td-list-row-padding-y:calc(17px * var(--theme-density-space,1));--td-list-row-padding-x:calc(18px * var(--theme-density-space,1));--td-picker-min-h:calc(56px * var(--theme-density-space,1))}.td-ui-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.td-page-header-tools{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.td-page-picker{width:min(100%,420px);min-width:min(100%,270px);max-width:100%;padding:calc(8px * var(--theme-density-space,1)) calc(12px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 14%, var(--td-border));border-radius:calc(var(--theme-radius-card) + 2px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 96%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 82%, var(--theme-primary-soft)) 100%);box-shadow:var(--theme-card-shadow);flex:270px;align-items:center;gap:10px;display:inline-flex}.td-page-picker-icon{border-radius:calc(var(--theme-radius-control) + 4px);background:color-mix(in srgb, var(--theme-primary-soft) 82%, white);width:38px;height:38px;color:var(--theme-primary-strong);flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.td-page-picker-copy{flex:1;gap:2px;min-width:0;display:grid}.td-page-picker-label{color:var(--td-gray-500);font-size:calc(9.5px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.08em;font-weight:850}.td-page-picker select{appearance:none;width:100%;color:var(--td-gray-900);font:inherit;font-size:calc(13.5px * var(--user-font-scale));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 100%/16px 16px no-repeat;border:0;outline:0;padding:0 20px 0 0;font-weight:850}.td-page-picker select:disabled{opacity:.65}.td-page-picker-meta{color:var(--td-gray-500);font-size:calc(11px * var(--user-font-scale));font-weight:700}.td-page-picker-meta b{color:var(--td-gray-900)}.td-option-picker-trigger{width:100%;min-height:var(--td-picker-min-h);padding:calc(13px * var(--theme-density-space,1)) calc(48px * var(--theme-density-space,1)) calc(13px * var(--theme-density-space,1)) calc(16px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 14%, #d4dce6);border-radius:calc(var(--theme-radius-control) + 5px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 96%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 82%, var(--theme-primary-soft)) 100%);text-align:left;cursor:pointer;justify-items:start;gap:4px;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd9,0 10px 24px #0f172a0d}.td-option-picker-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--theme-primary) 24%, #d4dce6);box-shadow:inset 0 1px 0 #ffffffe6, var(--theme-card-shadow);background:linear-gradient(#fff 0%,#fcfffd 54%,#f0faf4 100%)}.td-option-picker-trigger:focus-visible{border-color:#84ebb1;outline:none;box-shadow:0 0 0 4px #08a9471f,0 16px 32px #08a9471a}.td-option-picker-trigger.is-page{width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:2px;padding:0 28px 0 0;display:inline-grid}.td-option-picker-trigger.is-page .td-option-picker-label{font-size:calc(9.5px * var(--user-font-scale))}.td-option-picker-trigger.is-page .td-option-picker-value{font-size:calc(13.5px * var(--user-font-scale));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.td-option-picker-trigger.is-page .td-option-picker-description{display:none}.td-option-picker-trigger.is-page .td-option-picker-chevron{right:0}.td-option-picker-trigger.is-page:hover:not(:disabled){box-shadow:none;background:0 0;transform:none}.td-option-picker-trigger:disabled{opacity:.55;cursor:not-allowed}.td-option-picker-field{gap:6px;display:grid}.td-option-picker-label{color:var(--td-gray-500);font-size:calc(10px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.08em;font-weight:850}.td-option-picker-value{color:var(--td-gray-900);font-size:calc(16px * var(--user-font-scale));font-weight:850;line-height:1.25}.td-option-picker-description{color:var(--td-gray-500);font-size:calc(11px * var(--user-font-scale));line-height:1.4}.td-option-picker-hint{color:var(--td-gray-500);font-size:calc(10.5px * var(--user-font-scale));line-height:1.45}.td-option-picker-chevron{color:var(--td-gray-500);transition:color .15s,transform .15s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.td-option-picker-trigger:hover:not(:disabled) .td-option-picker-chevron,.td-option-picker-trigger:focus-visible .td-option-picker-chevron{color:var(--theme-primary-strong);transform:translateY(-50%)scale(1.04)}.td-option-picker-overlay{z-index:160;padding:16px 16px calc(16px + var(--td-bottom,0px) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a52;align-items:end;display:grid;position:fixed;inset:0}.td-option-picker-sheet{width:min(100%,640px);max-height:min(720px, calc(100dvh - 32px - var(--td-bottom,0px) - env(safe-area-inset-bottom,0px)));min-height:0;padding:var(--theme-card-padding-mobile);border:1px solid color-mix(in srgb, var(--theme-primary) 12%, #dbe4ee);border-radius:calc(var(--theme-radius-card) + 12px) calc(var(--theme-radius-card) + 12px) calc(var(--theme-radius-card) + 4px) calc(var(--theme-radius-card) + 4px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);box-shadow:var(--theme-card-shadow);grid-template-rows:auto auto minmax(0,1fr);gap:14px;margin:0 auto;display:grid}.td-option-picker-sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.td-option-picker-sheet-head>div{min-width:0}.td-option-picker-sheet-label{color:var(--td-gray-500);font-size:calc(10px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.08em;font-weight:850}.td-option-picker-sheet-title{color:var(--td-gray-900);font-size:calc(18px * var(--user-font-scale));overflow-wrap:anywhere;margin-top:4px;font-weight:850}.td-option-picker-close{border-radius:var(--theme-radius-control);background:var(--theme-card-bg);width:40px;height:40px;color:var(--td-gray-700);cursor:pointer;border:1px solid #dbe4ee;justify-content:center;align-items:center;transition:border-color .15s,background .15s,color .15s,transform .12s;display:inline-flex}.td-option-picker-close:hover{color:var(--theme-primary-strong);background:#f6fdf8;border-color:#cfe9d9}.td-option-picker-close:active{transform:translateY(1px)}.td-option-picker-search{min-height:calc(52px * var(--theme-density-space,1));padding:0 calc(14px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 5px);background:var(--theme-card-bg);border:1px solid #dbe4ee;align-items:center;gap:8px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.td-option-picker-search svg{color:var(--td-gray-500)}.td-option-picker-search input{width:100%;min-width:0;color:var(--td-gray-900);font:inherit;font-size:calc(14px * var(--user-font-scale));background:0 0;border:0;outline:0;font-weight:700}.td-option-picker-search:focus-within{background:#fff;border-color:#84ebb1;box-shadow:0 0 0 3px #08a9471f,0 12px 24px #08a94714}.td-option-picker-list{gap:calc(10px * var(--theme-density-space,1));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-right:2px;padding-bottom:calc(calc(18px * var(--theme-density-space,1)) + max(8px, env(safe-area-inset-bottom,0px)));display:grid;overflow:hidden auto}.td-option-picker-empty{padding:var(--theme-card-padding-mobile);border-radius:calc(var(--theme-radius-control) + 5px);color:var(--td-gray-500);text-align:center;border:1px dashed #dbe4ee}.td-option-picker-item{width:100%;padding:calc(14px * var(--theme-density-space,1)) calc(15px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 10%, #dbe4ee);border-radius:calc(var(--theme-radius-control) + 7px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);text-align:left;cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:flex}.td-option-picker-item:hover{background:linear-gradient(#f0fcf5f5 0%,#fffffffa 100%);border-color:#d7efdf;transform:translateY(-1px);box-shadow:0 16px 28px #08a94714}.td-option-picker-item.is-selected{background:linear-gradient(#e9fcf0f2 0%,#fffffffa 100%);border-color:#98efbb;box-shadow:0 14px 28px #08a9471a}.td-option-picker-item-copy{gap:4px;min-width:0;display:grid}.td-option-picker-item-copy strong{color:var(--td-gray-900);font-size:calc(15px * var(--user-font-scale));overflow-wrap:anywhere;font-weight:850;line-height:1.3}.td-option-picker-item-copy small{color:var(--td-gray-500);font-size:calc(11px * var(--user-font-scale));line-height:1.45}.td-option-picker-item-check{color:var(--theme-primary);background:#08a94714;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.td-ui-button{border-radius:var(--theme-radius-control);min-height:46px;font:inherit;font-size:calc(13px * var(--user-font-scale));cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .12s;display:inline-flex}.td-ui-button:active:not(:disabled){transform:translateY(1px)}.td-ui-button:disabled{opacity:.5;cursor:not-allowed}.td-ui-button.is-full{width:100%}.td-ui-button-primary{border-color:var(--theme-primary);background:var(--theme-primary);color:#fff;box-shadow:0 6px 14px color-mix(in srgb, var(--theme-primary) 18%, transparent)}.td-ui-button-primary:hover:not(:disabled){border-color:var(--theme-primary-strong);background:var(--theme-primary-strong)}.td-ui-button-secondary{border-color:var(--td-border);background:var(--theme-card-bg);color:var(--td-gray-700)}.td-ui-button-secondary:hover:not(:disabled),.td-ui-button-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--theme-primary-soft) 45%, var(--theme-card-bg))}.td-ui-button-danger{color:#fff;background:#dc2626;border-color:#dc2626}.td-ui-button-ghost{color:var(--td-gray-700);background:0 0;border-color:#0000}.td-ui-field{flex-direction:column;gap:7px;min-width:0;display:flex}.td-ui-field-label{color:var(--td-gray-700);font-size:calc(12px * var(--user-font-scale));font-weight:800}.td-ui-required{color:#dc2626;margin-left:3px}.td-ui-field :is(input,select,textarea){box-sizing:border-box;border:1px solid var(--td-border);border-radius:var(--theme-radius-control);background:var(--theme-card-bg);width:100%;min-width:0;min-height:48px;color:var(--td-gray-900);font:inherit;font-size:calc(13px * var(--user-font-scale));outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.td-ui-field textarea{resize:vertical;min-height:100px;padding:11px 13px}.td-ui-field.has-error :is(input,select,textarea){border-color:#dc2626}.td-ui-field-hint,.td-ui-field-error{font-size:calc(10.5px * var(--user-font-scale));line-height:1.4}.td-ui-field-hint{color:var(--td-gray-500)}.td-ui-field-error{color:#dc2626}.td-ui-status{white-space:nowrap;min-height:25px;font-size:calc(9.5px * var(--user-font-scale));border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-weight:850;display:inline-flex}.td-ui-status-theme{border-color:color-mix(in srgb, var(--theme-primary) 24%, white);background:var(--theme-primary-soft);color:var(--theme-primary-strong)}.td-ui-status-success{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.td-ui-status-warning{color:#9a6700;background:#fff8e5;border-color:#f4d58a}.td-ui-status-danger{color:#b42318;background:#fff1f2;border-color:#fecaca}.td-ui-status-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.td-ui-status-neutral{border-color:var(--td-border);color:var(--td-gray-500);background:#f2f4f7}.td-ui-empty{border:1px dashed var(--td-border);border-radius:var(--theme-radius-card);min-height:130px;color:var(--td-gray-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px;display:flex}.td-ui-empty-icon{border-radius:var(--theme-radius-control);background:var(--theme-primary-soft);width:44px;height:44px;color:var(--theme-primary);justify-content:center;align-items:center;display:inline-flex}.td-ui-empty strong{color:var(--td-gray-900);font-size:calc(13px * var(--user-font-scale))}.td-ui-empty p{max-width:520px;font-size:calc(11px * var(--user-font-scale));margin:0;line-height:1.5}.td-ui-empty-action{margin-top:6px}@media (width<=700px){.td-ui-page-actions .td-refresh-button{width:46px;height:46px;padding:0}.td-ui-page-actions .td-refresh-button span{display:none}}.td-home-simple{gap:calc(16px * var(--theme-density-space,1));flex-direction:column;display:flex}.td-home-error{border-radius:var(--theme-radius-control);color:#b42318;font-size:calc(11px * var(--user-font-scale));background:#fff1f2;border:1px solid #fecaca;align-items:center;gap:9px;padding:11px 13px;font-weight:700;display:flex}.td-home-inventory-card{overflow:hidden}.td-store-inventory-list{flex-direction:column;margin-top:4px;display:flex}.td-store-inventory{padding:calc(15px * var(--theme-density-space,1)) 0;border-top:1px solid var(--td-border)}.td-store-inventory-head>div{min-width:0}.td-store-inventory-head strong{color:var(--td-gray-900);font-size:calc(13px * var(--user-font-scale));font-weight:850;line-height:1.3;display:block}.td-store-inventory-head small{color:var(--td-gray-500);font-size:calc(9.5px * var(--user-font-scale));margin-top:2px;font-weight:700;display:block}.td-store-error{color:#b42318;font-size:calc(8.5px * var(--user-font-scale));background:#fff1f2;border:1px solid #fecaca;border-radius:999px;flex:none;padding:3px 7px;font-weight:800}.td-product-balance{border:1px solid color-mix(in srgb, var(--theme-primary) 12%, var(--td-border));border-radius:var(--theme-radius-control);background:color-mix(in srgb, var(--theme-primary-soft) 42%, var(--theme-card-bg));align-items:center;gap:9px;min-width:0;padding:10px 11px;display:flex}.td-product-balance-copy strong{color:var(--td-gray-900);font-size:calc(14px * var(--user-font-scale));overflow-wrap:anywhere;font-weight:900;line-height:1.2}.td-store-empty,.td-home-empty,.td-home-loading{min-height:58px;color:var(--td-gray-500);font-size:calc(10.5px * var(--user-font-scale));text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.td-home-loading{min-height:130px}.td-home-spin{color:var(--theme-primary);animation:.85s linear infinite td-home-spin}@keyframes td-home-spin{to{transform:rotate(360deg)}}@media (width>=760px){.td-product-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=380px){.td-product-balance-grid{grid-template-columns:1fr}}.td-home-simple{gap:calc(8px * var(--theme-density-space,1))}.td-home-header{align-items:flex-start;margin-bottom:0}.td-home-header .td-ui-page-actions{flex:none}.td-home-header .td-refresh-button{width:auto;min-width:calc(110px * var(--theme-density-space,1));min-height:42px;padding:0 calc(16px * var(--theme-density-space,1))}.td-home-header .td-refresh-button span{display:inline}.td-home-inventory-card{padding:calc(12px * var(--theme-density-space,1))}.td-home-inventory-card .td-section-header{margin-bottom:6px}.td-home-inventory-card .td-section-header-title{font-size:calc(17px * var(--user-font-scale));letter-spacing:-.02em;font-weight:800}.td-store-inventory-list{gap:calc(10px * var(--theme-density-space,1));flex-direction:column;margin-top:0;padding:0;display:flex}.td-store-inventory{padding:calc(12px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 14%, #d9e3ee);background:linear-gradient(#fff 0%,#fbfdff 62%,#f7fbf8 100%);border-radius:22px;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s;box-shadow:0 16px 32px #0f172a0f}.td-store-inventory:first-child{border-top:1px solid #dbe4ee}.td-store-inventory-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.td-store-title{align-items:baseline;gap:0;min-width:0;display:flex}.td-store-inventory-head .td-store-title strong{min-width:0;color:var(--td-gray-900);font-size:calc(14px * var(--user-font-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:850;line-height:1.25;overflow:hidden}.td-store-inventory-head .td-store-title small{border:1px solid color-mix(in srgb, var(--theme-primary) 24%, white);background:color-mix(in srgb, var(--theme-primary-soft) 72%, white);min-height:28px;color:var(--theme-primary-strong);font-size:calc(10px * var(--user-font-scale));letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;padding:4px 10px;font-weight:800;display:inline-flex}.td-store-last-shift{color:#0f8a42;min-height:26px;font-size:calc(9px * var(--user-font-scale));white-space:nowrap;background:#f4fcf7;border:1px solid #cfe9d9;border-radius:999px;flex:none;align-items:center;padding:2px 9px;font-weight:800;display:inline-flex}.td-product-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.td-product-balance{min-width:0;min-height:calc(48px * var(--theme-density-space,1));align-items:center;gap:calc(9px * var(--theme-density-space,1));padding:calc(7px * var(--theme-density-space,1)) calc(10px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--td-border));border-radius:calc(var(--theme-radius-control) + 1px);background:color-mix(in srgb, var(--theme-primary-soft) 52%, var(--theme-card-bg));display:flex}.td-product-balance-warning{background:#fff9e8;border-color:#f3c15d}.td-product-balance-normal{background:#eaf6ff;border-color:#5ba8df;box-shadow:inset 3px 0 #1479bc}.td-product-balance-normal .td-product-balance-icon{color:#075d9d;background:#cfeaff}.td-product-balance-normal .td-product-balance-copy strong,.td-product-balance-normal .td-product-balance-copy small{color:#084d7f}.td-product-balance-warning .td-product-balance-icon{color:#b76a00;background:#fff1c4}.td-product-balance-warning .td-product-balance-copy strong,.td-product-balance-warning .td-product-balance-copy small{color:#8a5600}.td-product-balance-critical{background:#fff1f1;border-color:#ef9a9a}.td-product-balance-critical .td-product-balance-icon{color:#c62828;background:#ffd6d6}.td-product-balance-critical .td-product-balance-copy strong,.td-product-balance-critical .td-product-balance-copy small{color:#a61b1b}.td-product-balance-icon{border-radius:calc(var(--theme-radius-control) * .65);background:var(--theme-primary-soft);width:24px;height:24px;color:var(--theme-primary);flex:0 0 24px;justify-content:center;align-items:center;display:inline-flex}.td-product-balance-copy{flex-direction:column;gap:0;min-width:0;display:flex}.td-product-balance-copy small{color:var(--td-gray-500);font-size:calc(8.5px * var(--user-font-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:800;line-height:1.15;overflow:hidden}.td-product-balance-copy strong{color:var(--td-gray-900);font-size:calc(13px * var(--user-font-scale));font-weight:850;line-height:1.15}.td-store-empty{min-height:22px;color:var(--td-gray-500);font-size:calc(9px * var(--user-font-scale));justify-content:flex-start;align-items:center;padding:0;font-style:italic;line-height:1.3;display:flex}.td-task-list{flex-direction:column;gap:12px;margin-top:0;padding:2px;display:flex}.td-task-row{min-height:calc(82px * var(--theme-density-space,1));padding:0 calc(16px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 12%, #d9e3ee);border-radius:calc(var(--theme-radius-card) + 6px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);box-shadow:var(--theme-card-shadow);transition:border-color .16s,background .16s,box-shadow .16s,transform .12s}.td-task-row:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 82%, var(--theme-primary-soft)) 0%, color-mix(in srgb, var(--theme-card-bg) 97%, white) 100%);box-shadow:var(--theme-card-shadow);border-color:#d5ecde;transform:translateY(-1px)}.td-task-row b{min-width:calc(44px * var(--theme-density-space,1));min-height:calc(34px * var(--theme-density-space,1));padding:0 calc(11px * var(--theme-density-space,1));border-radius:var(--theme-radius-control);color:#0f8a42;font-size:calc(12px * var(--user-font-scale));background:#f4fcf7;border:1px solid #cfe9d9;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.td-task-copy strong{color:var(--td-gray-900);font-size:calc(16px * var(--user-font-scale));font-weight:850}.td-task-copy small{color:#8c97ab;font-size:calc(12px * var(--user-font-scale));margin-top:4px;line-height:1.45}.td-task-divider{display:none}.td-customer-item{border-radius:calc(var(--theme-radius-card) + 6px);padding:calc(16px * var(--theme-density-space,1)) calc(17px * var(--theme-density-space,1));border-color:color-mix(in srgb, var(--theme-primary) 10%, #dbe4ee);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);box-shadow:var(--theme-card-shadow)}.td-customer-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.td-customer-item div{color:#98a2b3;line-height:1.45}.td-customer-item-meta{color:#8c97ab;font-size:calc(12px * var(--user-font-scale));gap:4px;margin-top:8px;display:grid}.td-customer-item:hover{background:linear-gradient(#f9fcff 0%,#fff 100%);border-color:#d3e2ef;transform:translateY(-1px);box-shadow:0 18px 32px #0f172a12}.td-customer-item.is-selected,.td-store-inventory:hover{background:linear-gradient(#edf9f1 0%,#fff 100%);border-color:#cfe9d9;transform:translateY(-1px);box-shadow:0 20px 36px #08a9471a}.td-list-block{border:1px solid color-mix(in srgb, var(--theme-primary) 10%, #dbe4ee);border-radius:var(--td-list-radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 65%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);box-shadow:var(--theme-card-shadow);margin-top:12px;overflow:hidden}.td-list-block-header{padding:calc(var(--theme-inner-card-gap) + 6px) calc(var(--theme-card-padding-mobile) + 4px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 98%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 86%, var(--theme-primary-soft)) 100%);border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;display:flex}.td-list-block-heading{gap:4px;min-width:0;display:grid}.td-list-block-label{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:850}.td-list-block-title{color:var(--td-gray-900);font-size:calc(15px * var(--user-font-scale));font-weight:850;line-height:1.2}.td-list-block-count{color:#0f8a42;min-height:32px;font-size:calc(12px * var(--user-font-scale));white-space:nowrap;background:#f4fcf7;border:1px solid #cfe9d9;border-radius:999px;align-items:center;padding:4px 12px;font-weight:850;display:inline-flex}.td-list-stack{gap:var(--td-list-gap);padding:var(--td-list-gap);display:grid}.td-list-row{min-height:var(--td-list-row-min-h);padding:var(--td-list-row-padding-y) var(--td-list-row-padding-x);border-radius:calc(var(--theme-radius-card) + 4px);border:1px solid #0000;border-top-color:#edf2f7;justify-content:space-between;align-items:flex-start;gap:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;display:flex}.td-list-row:first-child{border-top:0}.td-list-row:hover{box-shadow:var(--theme-card-shadow);background:linear-gradient(#edf9f1f2 0%,#fffffffa 100%);border-color:#d7efdf;transform:translateY(-1px)}.td-list-row.is-selected{background:linear-gradient(#e8fbeff2 0%,#fffffffa 100%);border-color:#bde8cb;box-shadow:inset 0 0 0 1px #08a9470f,0 18px 30px #08a9471a}.td-list-row-main{flex:1;gap:6px;min-width:0;display:grid}.td-list-row-top{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.td-list-row-title{color:var(--td-gray-900);font-size:calc(17px * var(--user-font-scale));letter-spacing:-.02em;font-weight:900;line-height:1.24}.td-list-row-code{min-height:calc(30px * var(--theme-density-space,1));padding:calc(4px * var(--theme-density-space,1)) calc(12px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 24%, white);border-radius:var(--theme-radius-control);color:#0f8a42;font-size:calc(11px * var(--user-font-scale));white-space:nowrap;background:#f4fcf7;align-items:center;font-weight:850;display:inline-flex}.td-list-row-subtitle{color:#98a2b3;font-size:calc(12px * var(--user-font-scale));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.td-list-row-actions{flex:none;align-self:center;align-items:center;gap:8px;display:flex}.td-list-row-actions .td-ui-button,.td-list-row-actions button{border-radius:14px;min-height:40px}@media (width<=700px){.td-home-header{flex-direction:row;align-items:flex-start;gap:12px}.td-home-header .td-ui-page-actions{width:auto;margin-left:auto}.td-home-header .td-refresh-button{width:auto;height:auto;min-height:40px;padding:0 12px}.td-home-header .td-refresh-button span{display:inline}.td-home-inventory-card{padding:12px}.td-store-inventory{padding:calc(9px * var(--theme-density-space,1)) calc(11px * var(--theme-density-space,1))}.td-store-inventory-head .td-store-title strong{font-size:calc(12.5px * var(--user-font-scale));white-space:normal;text-overflow:clip}.td-store-inventory-head{margin-bottom:6px}.td-store-last-shift{min-height:24px;font-size:calc(8.5px * var(--user-font-scale));padding:2px 8px}.td-product-balance{min-height:calc(42px * var(--theme-density-space,1));padding:calc(5px * var(--theme-density-space,1)) calc(7px * var(--theme-density-space,1))}.td-product-balance-copy strong{font-size:calc(12.5px * var(--user-font-scale))}.td-task-row{min-height:calc(72px * var(--theme-density-space,1));padding:0 calc(12px * var(--theme-density-space,1))}.td-customer-item-top{align-items:flex-start}.td-list-block-header,.td-list-row{padding-left:14px;padding-right:14px}.td-list-row{gap:10px}}@media (width<=360px){.td-store-last-shift{display:none}.td-store-title{display:block}.td-store-inventory-head .td-store-title small{margin-top:2px;display:block}}:root{--theme-app-gutter-mobile:18px;--theme-app-gutter-desktop:28px;--theme-card-gutter-mobile:12px;--theme-card-gutter-desktop:24px;--theme-card-padding-mobile:16px;--theme-card-padding-desktop:24px;--theme-section-gap:16px;--theme-inner-card-gap:12px;--theme-card-shadow:0 2px 8px #10182814, 0 1px 2px #1018280a;--theme-card-border-width:1px}.td-page,.mobile-content{padding-left:var(--theme-app-gutter-mobile);padding-right:var(--theme-app-gutter-mobile)}.td-card,.ui-card,.td-kpi-card,.td-quick-card,.system-panel{border-width:var(--theme-card-border-width);box-shadow:var(--theme-card-shadow)}.td-card,.ui-card{padding:var(--theme-card-padding-mobile)}html[data-card-align=left] :is(.td-card,.ui-card){text-align:left}html[data-card-align=center] :is(.td-card,.ui-card){text-align:center}@media (width>=768px){.td-page,.mobile-content{padding-left:var(--theme-app-gutter-desktop);padding-right:var(--theme-app-gutter-desktop)}.td-card,.ui-card{padding:var(--theme-card-padding-desktop)}}.td-debt-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;display:grid}@media (width<=768px){.td-debt-layout{grid-template-columns:1fr;gap:14px}}.td-mobile-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=700px){.td-option-picker-overlay{padding-left:12px;padding-right:12px}.td-option-picker-sheet{padding:var(--theme-card-padding-mobile);border-radius:calc(var(--theme-radius-card) + 10px) calc(var(--theme-radius-card) + 10px) calc(var(--theme-radius-card) + 2px) calc(var(--theme-radius-card) + 2px);gap:12px}.td-option-picker-sheet-title{font-size:calc(17px * var(--user-font-scale))}.td-option-picker-item{padding:calc(13px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 4px)}.td-option-picker-item-copy strong{font-size:calc(14px * var(--user-font-scale))}.td-list-block-header,.td-list-row{padding-left:14px;padding-right:14px}.td-list-row{gap:10px;min-height:84px;padding-top:15px;padding-bottom:15px}.td-list-row-title{font-size:calc(15px * var(--user-font-scale))}.td-list-row-code{min-height:28px;font-size:calc(10px * var(--user-font-scale));padding:4px 10px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:calc(18px * var(--user-font-scale))/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:calc(16px * var(--user-font-scale))}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{font-size:calc(56px * var(--user-font-scale));letter-spacing:-1.68px;margin:32px 0}@media (width<=1024px){h1{font-size:calc(36px * var(--user-font-scale));margin:20px 0}}h2{font-size:calc(24px * var(--user-font-scale));letter-spacing:-.24px;margin:0 0 8px;line-height:118%}@media (width<=1024px){h2{font-size:calc(20px * var(--user-font-scale))}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{font-size:calc(15px * var(--user-font-scale));background:var(--code-bg);padding:4px 8px;line-height:135%}:root{--user-font-scale:1;--font-app:"Be Vietnam Pro", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Be Vietnam Pro", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, monospace;--sans:var(--font-app);--heading:var(--font-heading);--mono:var(--font-mono)}html{font-family:var(--font-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{font-family:var(--font-app)!important}button,input,textarea,select,option{font-feature-settings:"kern" 1, "liga" 1;font-family:var(--font-app)!important}.td-app,.td-shell,.td-page,.system-page,.settings-page,.theme-editor,.theme-visual-editor{font-family:var(--font-app)!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;font-style:normal;font-family:var(--font-heading)!important}h1{font-weight:800}h2,h3{font-weight:700}h4,h5,h6{font-weight:600}p,span,label,small,strong,b,a,li,dt,dd,th,td{font-family:inherit}strong,b{font-weight:700}button{font-weight:600}input,textarea,select{font-weight:500}input::placeholder,textarea::placeholder{font-family:var(--font-app);font-weight:400}table,td,th,input[type=number],.td-number,.td-money,.td-quantity,.numeric,.amount,.quantity{font-variant-numeric:tabular-nums lining-nums}code,pre,kbd,samp,.theme-override-color-meta code,.theme-override-hex-wrap input{font-family:var(--font-mono)!important}@media (width<=700px){body{font-size:calc(14px * var(--user-font-scale))}button,input,textarea,select{font-size:calc(13px * var(--user-font-scale))}h1{letter-spacing:-.02em}}@media (width<=420px){body{font-size:calc(13.5px * var(--user-font-scale))}}html{font-size:calc(16px * var(--user-font-scale))}.td-brand-name,.td-user-card strong,.td-user-card span,.td-drawer-link,.td-bottom-item,.td-clock-copy small,.td-clock-copy strong,.td-page-title,.td-section-title,.td-kpi-label,.td-kpi-value,.td-quick-card,.td-status-chip{font-size:revert}:root{--user-font-scale:1}.td-font-size-control{flex:none;position:relative}.td-font-size-trigger{border:1px solid color-mix(in srgb, var(--theme-primary,#16a34a) 24%, #d7dde5);border-radius:var(--theme-radius-control,13px);background:color-mix(in srgb, var(--theme-primary-soft,#eaf8ef) 58%, white);width:44px;height:44px;color:var(--theme-primary-strong,#137a3a);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}.td-font-size-trigger:hover{border-color:color-mix(in srgb, var(--theme-primary,#16a34a) 48%, #d7dde5);transform:translateY(-1px);box-shadow:0 5px 14px #10182817}.td-font-size-trigger.active{background:var(--theme-primary-soft,#eaf8ef);border-color:var(--theme-primary,#16a34a);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary,#16a34a) 12%, transparent)}.td-font-size-aa{letter-spacing:-.08em;align-items:baseline;font-size:19px;font-weight:800;line-height:1;display:inline-flex;font-family:var(--font-app)!important}.td-font-size-aa span{margin-left:1px;font-size:12px;font-weight:700}.td-font-size-popover{z-index:120;color:#172033;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;background:#fffffffb;border:1px solid #1018281a;border-radius:18px;width:min(330px,100vw - 24px);padding:16px;animation:.16s ease-out td-font-popover-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #1018282e}@keyframes td-font-popover-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.td-font-size-popover-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.td-font-size-popover-head>div{flex-direction:column;min-width:0;display:flex}.td-font-size-popover-head strong{font-size:15px;font-weight:750}.td-font-size-popover-head span{color:#667085;margin-top:2px;font-size:11px}.td-font-size-popover-head .td-font-size-eye{background:var(--theme-primary-soft,#eaf8ef);width:38px;height:38px;color:var(--theme-primary-strong,#137a3a);border-radius:12px;flex:none;justify-content:center;align-items:center;margin:0;font-size:14px;font-weight:800;display:inline-flex}.td-font-size-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.td-font-size-option{color:#344054;cursor:pointer;background:#fff;border:1px solid #e2e7ee;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:82px;padding:9px 5px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.td-font-size-option:hover{border-color:color-mix(in srgb, var(--theme-primary,#16a34a) 45%, #d7dde5);transform:translateY(-1px)}.td-font-size-option.active{border-color:var(--theme-primary,#16a34a);background:color-mix(in srgb, var(--theme-primary-soft,#eaf8ef) 60%, white);color:var(--theme-primary-strong,#137a3a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-primary,#16a34a) 18%, transparent)}.td-font-size-option>span:nth-child(2){font-size:11px;font-weight:650}.td-font-size-sample{color:currentColor;justify-content:center;align-items:center;min-height:28px;font-weight:800;line-height:1;display:flex}.td-font-size-sample-small{font-size:17px}.td-font-size-sample-medium{font-size:21px}.td-font-size-sample-large{font-size:25px}.td-font-size-check{min-width:12px;color:var(--theme-primary-strong,#137a3a);font-size:11px;font-weight:900;position:absolute;top:5px;right:7px}.td-font-size-preview{background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;flex-direction:column;margin-top:12px;padding:11px 12px;display:flex}.td-font-size-preview>span{color:#98a2b3;font-size:calc(9px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:650}.td-font-size-preview strong{font-size:calc(13px * var(--user-font-scale));font-weight:700}.td-font-size-preview small{color:#667085;font-size:calc(10px * var(--user-font-scale));font-variant-numeric:tabular-nums;margin-top:2px}@media (width<=430px){.td-font-size-trigger{width:42px;height:42px}.td-font-size-popover{top:calc(var(--td-header,76px) + env(safe-area-inset-top) + 7px);width:auto;max-width:none;margin:0;position:fixed;left:10px;right:10px}}@media (width<=375px){.td-font-size-popover{padding:14px;left:8px;right:8px}}.td-font-size-trigger:focus-visible,.td-font-size-option:focus-visible{outline:3px solid color-mix(in srgb, var(--theme-primary,#16a34a) 28%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.td-font-size-trigger,.td-font-size-option,.td-font-size-popover{transition:none;animation:none}}#root{min-height:100vh}*{box-sizing:border-box}body{background:var(--theme-page-bg);color:#162033;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.screen-center{min-height:100vh;padding:var(--theme-card-padding-desktop);place-items:center;display:grid}.loading-card{background:var(--theme-card-bg);border:var(--theme-card-border-width,1px) solid var(--td-border);border-radius:var(--theme-radius-card);padding:calc(var(--theme-card-padding-mobile) + 4px) calc(var(--theme-card-padding-desktop) + 4px);box-shadow:var(--theme-card-shadow)}.login-page{min-height:100vh;padding:var(--theme-card-padding-desktop);background:linear-gradient(135deg, color-mix(in srgb, var(--theme-page-bg) 92%, white), color-mix(in srgb, var(--theme-page-bg) 78%, var(--theme-accent-soft)));place-items:center;display:grid}.login-panel{background:var(--theme-card-bg);border:var(--theme-card-border-width,1px) solid var(--td-border);border-radius:calc(var(--theme-radius-card) + 6px);width:min(430px,100%);padding:calc(var(--theme-card-padding-desktop) + 8px);box-shadow:var(--theme-card-shadow)}.login-brand{align-items:center;gap:calc(14px * var(--theme-density-space,1));margin-bottom:calc(30px * var(--theme-density-space,1));display:flex}.brand-icon{width:calc(52px * var(--theme-density-space,1));height:calc(52px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 1px);background:linear-gradient(145deg, var(--theme-primary), var(--theme-primary-strong));color:#fff;place-items:center;display:grid}.login-brand h1{font-size:calc(24px * var(--user-font-scale));margin:0}.login-brand p{color:var(--td-gray-500);font-size:calc(14px * var(--user-font-scale));margin:4px 0 0}.login-form{gap:calc(18px * var(--theme-density-space,1));display:grid}.login-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.login-mode-tab{min-height:calc(42px * var(--theme-density-space,1));border:1px solid var(--td-border);border-radius:var(--theme-radius-control);background:color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent-soft));color:var(--td-gray-700);font-weight:700}.login-mode-tab.active{border-color:color-mix(in srgb, var(--theme-primary) 36%, white);background:color-mix(in srgb, var(--theme-primary-soft) 72%, var(--theme-card-bg));color:var(--theme-primary-strong)}.login-mode-note{border-radius:var(--theme-radius-control);padding:calc(12px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1));background:color-mix(in srgb, var(--theme-accent-soft) 70%, var(--theme-card-bg));border:1px solid color-mix(in srgb, var(--theme-accent) 24%, white);color:color-mix(in srgb, var(--theme-accent) 78%, #1d4ed8);font-size:calc(14px * var(--user-font-scale));line-height:1.5}.login-form label{gap:7px;display:grid}.login-form label span{font-size:calc(14px * var(--user-font-scale));font-weight:600}.login-form input{min-height:calc(44px * var(--theme-density-space,1));border:1px solid var(--td-border);border-radius:var(--theme-radius-control);width:100%;padding:0 calc(12px * var(--theme-density-space,1));background:var(--theme-card-bg);outline:none}.login-form input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 12%, transparent)}.primary-button{color:#fff;background:#0f766e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;display:flex}.primary-button:disabled{opacity:.65;cursor:not-allowed}.form-error{border-radius:var(--theme-radius-control);padding:calc(10px * var(--theme-density-space,1)) calc(12px * var(--theme-density-space,1));color:#991b1b;font-size:calc(14px * var(--user-font-scale));background:#fef2f2;border:1px solid #fecaca}.form-success{border-radius:var(--theme-radius-control);padding:calc(10px * var(--theme-density-space,1)) calc(12px * var(--theme-density-space,1));color:#166534;font-size:calc(14px * var(--user-font-scale));background:#f0fdf4;border:1px solid #bbf7d0;line-height:1.5}.layout{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:color-mix(in srgb, var(--theme-header-bg) 12%, #0f172a);color:#fff;padding:calc(20px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1));flex-direction:column;min-height:100vh;display:flex}.sidebar-brand{gap:calc(12px * var(--theme-density-space,1));padding:calc(6px * var(--theme-density-space,1)) calc(8px * var(--theme-density-space,1)) calc(24px * var(--theme-density-space,1));align-items:center;display:flex}.sidebar-brand div{gap:2px;display:grid}.sidebar-brand span{color:#94a3b8;font-size:calc(12px * var(--user-font-scale))}.sidebar-nav{gap:6px;display:grid}.nav-link{color:#cbd5e1;gap:calc(10px * var(--theme-density-space,1));min-height:calc(42px * var(--theme-density-space,1));padding:0 calc(11px * var(--theme-density-space,1));border-radius:var(--theme-radius-control);align-items:center;text-decoration:none;display:flex}.nav-link:hover{background:color-mix(in srgb, var(--theme-header-bg) 14%, #1e293b);color:#fff}.nav-link.active{background:linear-gradient(135deg, var(--theme-primary), var(--theme-primary-strong));color:#fff}.sidebar-footer{border-top:1px solid color-mix(in srgb, var(--theme-header-bg) 18%, #334155);padding:calc(16px * var(--theme-density-space,1)) calc(8px * var(--theme-density-space,1)) 0;margin-top:auto}.current-user{gap:3px;margin-bottom:12px;display:grid}.current-user span{color:#94a3b8;font-size:calc(12px * var(--user-font-scale))}.logout-button{width:100%;min-height:calc(38px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-header-bg) 18%, #334155);border-radius:var(--theme-radius-control);color:#cbd5e1;background:0 0;justify-content:center;align-items:center;gap:8px;display:flex}.logout-button:hover{background:color-mix(in srgb, var(--theme-header-bg) 14%, #1e293b);color:#fff}.main-area{min-width:0}.topbar{height:var(--td-topbar-h,64px);background:var(--theme-header-bg);border-bottom:1px solid var(--td-border);padding:0 calc(26px * var(--theme-density-space,1));justify-content:space-between;align-items:center;display:flex}.user-badge{background:var(--theme-primary-soft);color:var(--theme-primary-strong);padding:calc(6px * var(--theme-density-space,1)) calc(10px * var(--theme-density-space,1));font-size:calc(12px * var(--user-font-scale));border-radius:999px;font-weight:700}.page-container{padding:var(--theme-app-gutter-desktop)}.page-heading{justify-content:space-between;gap:calc(20px * var(--theme-density-space,1));margin-bottom:calc(24px * var(--theme-density-space,1));display:flex}.page-title-row{align-items:center;gap:10px;display:flex}.page-title-row h1{font-size:calc(28px * var(--user-font-scale));margin:0}.page-heading p{color:#64748b;margin:7px 0 0}.empty-card{padding:calc(var(--theme-card-padding-desktop) + 12px);border:var(--theme-card-border-width,1px) dashed var(--td-border);border-radius:var(--theme-radius-card);background:var(--theme-card-bg);text-align:center}.empty-card p{color:#64748b;margin:8px 0 0}@media (width<=800px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto}.sidebar-footer{margin-top:20px}.topbar{display:none}.page-container{padding:var(--theme-app-gutter-mobile)}}.secondary-button{min-height:calc(48px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 3px);padding:0 calc(16px * var(--theme-density-space,1));background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 86%, var(--theme-accent-soft)) 100%);color:#344054;box-shadow:var(--theme-card-shadow);border:1px solid #d7e0ea;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:inline-flex}.secondary-button:hover{background:color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-primary-soft));box-shadow:var(--theme-card-shadow);border-color:#bfd0e3}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.stocktake-filters{border-radius:calc(var(--theme-radius-card) + 6px);padding:var(--theme-card-padding-mobile);box-shadow:var(--theme-card-shadow), inset 0 1px 0 #fffc;background:linear-gradient(#fffffffa 0%,#f7fafdfa 100%);border:1px solid #dfe7ef;margin-bottom:20px}.filter-heading{color:#0f172a;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-heading svg{color:#08a947}.filter-heading strong{font-size:calc(16px * var(--user-font-scale));font-weight:800}.filter-grid{gap:calc(14px * var(--theme-density-space,1));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.filter-grid label{gap:8px;display:grid}.filter-grid label span{font-size:calc(12px * var(--user-font-scale));letter-spacing:.02em;text-transform:uppercase;color:#667085;padding-left:2px;font-weight:800}.filter-grid label>.td-option-picker-field .td-option-picker-label,.stocktake-create-form label>.td-option-picker-field .td-option-picker-label{display:none}.filter-grid label>.td-option-picker-field,.stocktake-create-form label>.td-option-picker-field{gap:0}.filter-grid label>.td-option-picker-field .td-option-picker-trigger,.stocktake-create-form label>.td-option-picker-field .td-option-picker-trigger{min-height:calc(54px * var(--theme-density-space,1));padding-top:calc(11px * var(--theme-density-space,1));padding-bottom:calc(11px * var(--theme-density-space,1));gap:3px}.filter-grid label>.td-option-picker-field .td-option-picker-value,.stocktake-create-form label>.td-option-picker-field .td-option-picker-value{font-size:calc(15px * var(--user-font-scale));font-weight:800}.filter-grid label>.td-option-picker-field .td-option-picker-description,.stocktake-create-form label>.td-option-picker-field .td-option-picker-description{font-size:calc(11px * var(--user-font-scale))}.filter-grid input,.filter-grid select{width:100%;min-height:calc(54px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 5px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent-soft)) 100%);padding:0 calc(16px * var(--theme-density-space,1));color:#162033;font-size:calc(16px * var(--user-font-scale));border:1px solid #d4dce6;outline:none;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s,transform .12s;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #1018280a}.filter-grid input::placeholder{color:#98a2b3;font-weight:500}.filter-grid input[type=search]{padding-left:calc(46px * var(--theme-density-space,1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2398A2B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:16px;background-repeat:no-repeat}.filter-grid select{appearance:none;background-image:linear-gradient(#fff 0%,#fbfdff 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:0 0,calc(100% - 16px);background-repeat:no-repeat,no-repeat;background-size:auto,18px 18px;padding-right:44px}.filter-grid input:focus,.filter-grid select:focus{background:#fff;border-color:#84ebb1;box-shadow:0 0 0 3px #08a9471f,0 12px 24px #08a94714}.filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.text-button{color:#087443;background:0 0;border:0;padding:10px 6px;font-weight:800}.stocktake-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;padding:12px 14px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.summary-card{border-radius:calc(var(--theme-radius-card) + 4px);min-width:0;padding:var(--theme-card-padding-mobile);box-shadow:var(--theme-card-shadow);background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #dfe7ef;gap:7px;display:grid}.summary-card span{color:#64748b;font-size:calc(13px * var(--user-font-scale));font-weight:600}.summary-card strong{color:#0f172a;font-size:calc(20px * var(--user-font-scale));overflow-wrap:anywhere}.summary-card small{color:#64748b}.table-card,.stocktake-table-card{--td-list-border:#dbe4ee;--td-list-border-strong:#d1dce8;--td-list-surface:#fff;--td-list-surface-soft:#f8fbfd;--td-list-accent:#08a947;--td-list-accent-soft:#ecfcf2;--td-list-shadow:0 18px 40px #0f172a12, 0 3px 10px #0f172a0a;background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent-soft)) 100%);border:1px solid var(--td-list-border);border-radius:calc(var(--theme-radius-card) + 8px);box-shadow:var(--theme-card-shadow);overflow:hidden}.table-heading,.table-card-heading{min-height:calc(82px * var(--theme-density-space,1));padding:calc(18px * var(--theme-density-space,1)) calc(24px * var(--theme-density-space,1));background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 98%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 86%, var(--theme-primary-soft)) 100%);border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;display:flex}.table-card-heading>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.table-card-heading h2{color:#0f172a;font-size:calc(19px * var(--user-font-scale));letter-spacing:-.02em;margin:0;font-weight:850}.table-card-heading span{color:#0f8a42;min-height:30px;font-size:calc(12px * var(--user-font-scale));background:#f4fcf7;border:1px solid #cfe9d9;border-radius:999px;align-items:center;padding:4px 12px;font-weight:800;display:inline-flex}.table-heading>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.table-heading strong{color:#0f172a;font-size:calc(19px * var(--user-font-scale));letter-spacing:-.02em;font-weight:850}.table-heading span{color:#0f8a42;min-height:30px;font-size:calc(12px * var(--user-font-scale));background:#f4fcf7;border:1px solid #cfe9d9;border-radius:999px;align-items:center;padding:4px 12px;font-weight:800;display:inline-flex}.table-scroll{width:100%;padding:calc(12px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1)) calc(14px * var(--theme-density-space,1));background:linear-gradient(#f8fafc47 0%,#fffffff5 100%);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0 12px;width:100%;min-width:760px}.data-table th,.data-table td{padding:calc(16px * var(--theme-density-space,1)) calc(18px * var(--theme-density-space,1));text-align:left;vertical-align:middle}.data-table th{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.08em;background:#f8fbfd;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding-top:10px;padding-bottom:10px;font-weight:850}.data-table th:first-child{border-left:1px solid #eef2f7;border-top-left-radius:16px;border-bottom-left-radius:16px}.data-table th:last-child{border-right:1px solid #eef2f7;border-top-right-radius:16px;border-bottom-right-radius:16px}.data-table td{background:var(--td-list-surface);font-size:calc(14px * var(--user-font-scale));color:#101828;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s}.data-table td:first-child{border-top-left-radius:calc(var(--theme-radius-card) + 4px);border-bottom-left-radius:calc(var(--theme-radius-card) + 4px);border-left:1px solid #edf2f7}.data-table td:last-child{border-top-right-radius:calc(var(--theme-radius-card) + 4px);border-bottom-right-radius:calc(var(--theme-radius-card) + 4px);border-right:1px solid #edf2f7}.data-table td strong{color:#1f2937;font-size:calc(15px * var(--user-font-scale));letter-spacing:-.01em;font-weight:850;display:inline-block}.data-table tbody tr:hover{background:linear-gradient(#ecfdf3d9 0%,#f8fafcfa 100%)}.data-table tbody tr:hover td,.table-card tbody tr:hover td,.clickable-row:hover td{background:linear-gradient(#edfdf3f0 0%,#f9fdfafa 100%);border-color:#d7efdf;transform:translateY(-1px);box-shadow:0 10px 24px #08a9470f}.table-card table{border-collapse:separate;border-spacing:0 10px;width:100%;min-width:760px}.table-card table th,.table-card table td{text-align:left;vertical-align:middle;padding:16px 18px}.table-card table th{color:#98a2b3;font-size:calc(11px * var(--user-font-scale));text-transform:uppercase;letter-spacing:.08em;background:#f8fbfd;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding-top:10px;padding-bottom:10px;font-weight:850}.table-card table th:first-child{border-left:1px solid #eef2f7;border-top-left-radius:16px;border-bottom-left-radius:16px}.table-card table th:last-child{border-right:1px solid #eef2f7;border-top-right-radius:16px;border-bottom-right-radius:16px}.table-card table td{background:var(--td-list-surface);color:#101828;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s}.table-card table td:first-child{border-top-left-radius:calc(var(--theme-radius-card) + 2px);border-bottom-left-radius:calc(var(--theme-radius-card) + 2px);border-left:1px solid #edf2f7}.table-card table td:last-child{border-top-right-radius:calc(var(--theme-radius-card) + 2px);border-bottom-right-radius:calc(var(--theme-radius-card) + 2px);border-right:1px solid #edf2f7}.table-card table td strong{color:#1f2937;font-size:calc(15px * var(--user-font-scale));letter-spacing:-.01em;font-weight:850;display:inline-block}.table-secondary{color:#98a2b3;font-size:calc(12px * var(--user-font-scale));margin-top:4px;line-height:1.45}.status-badge{min-height:26px;font-size:calc(11px * var(--user-font-scale));white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-weight:800;display:inline-flex}.status-draft{color:#475569;background:#f7f9fc;border-color:#dbe3ec}.status-confirmed{color:#1d4ed8;background:#eff6ff;border-color:#cdddfd}.status-posted{color:#047857;background:#ecfdf5;border-color:#b9efca}.status-cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.table-state{text-align:center;color:#64748b;place-items:center;min-height:170px;padding:24px;display:grid}.pagination{background:linear-gradient(#fffffff5 0%,#f8fafce6 100%);border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:14px 22px 18px;display:flex}.pagination>span{color:#667085;font-size:calc(13px * var(--user-font-scale));font-weight:700}.pagination>div{gap:8px;display:flex}.pagination-button{min-height:calc(44px * var(--theme-density-space,1));min-width:78px;padding:0 calc(16px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 3px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 86%, var(--theme-accent-soft)) 100%);color:#344054;box-shadow:var(--theme-card-shadow);border:1px solid #d8e1ea;font-weight:800}.pagination-button:hover:not(:disabled){background:#fff;border-color:#c9d8e5}.pagination-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1050px){.filter-grid,.summary-grid,.receipt-store-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.page-heading{display:grid}.page-heading .secondary-button{width:100%}.filter-grid,.summary-grid,.receipt-store-options{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{width:100%}.pagination-button{flex:1}}.page-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stocktake-create-card{padding:var(--theme-card-padding-mobile);border-radius:calc(var(--theme-radius-card) + 6px);box-shadow:var(--theme-card-shadow);background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #dfe7ef;margin-bottom:20px}.stocktake-create-form{margin-top:18px}.receipt-store-selection{border:0;margin:0 0 18px;padding:0}.receipt-store-selection legend{font-size:calc(12px * var(--user-font-scale));letter-spacing:.02em;text-transform:uppercase;color:#667085;padding:0;font-weight:800}.receipt-store-selection p{color:#64748b;font-size:calc(14px * var(--user-font-scale));margin:8px 0 12px}.receipt-store-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.receipt-store-options label{border-radius:calc(var(--theme-radius-control) + 4px);cursor:pointer;background:#fff;border:1px solid #d4dce6;align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex}.receipt-store-options label.is-selected{background:#f0fdf4;border-color:#55c985}.receipt-store-options input{accent-color:#08a947;width:18px;height:18px;margin:1px 0 0}.receipt-store-options span{gap:3px;display:grid}.receipt-store-options strong{color:#162033}.receipt-store-options small{color:#667085}.stocktake-create-form .filter-actions{margin-top:18px}.primary-button{min-height:calc(52px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 5px);padding:0 calc(20px * var(--theme-density-space,1));color:#fff;background:linear-gradient(135deg,#08a947 0%,#13c65d 100%);border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .12s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 14px 28px #08a9473d}.primary-button:hover:not(:disabled){filter:saturate(1.04);box-shadow:0 18px 32px #08a94747}.primary-button:active:not(:disabled){transform:translateY(1px)}.td-ui-field :is(input,select,textarea){min-height:calc(56px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 5px);padding:0 calc(16px * var(--theme-density-space,1));color:#101828;font-size:calc(16px * var(--user-font-scale));background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #d4dce6;font-weight:600;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #1018280a}.td-ui-field textarea{min-height:calc(110px * var(--theme-density-space,1));padding:calc(14px * var(--theme-density-space,1)) calc(16px * var(--theme-density-space,1))}.td-ui-field :is(input,select,textarea)::placeholder{color:#98a2b3;font-weight:500}.td-ui-field :is(input,select,textarea):focus{border-color:#84ebb1;box-shadow:0 0 0 3px #08a9471f,0 12px 24px #08a94714}.td-ui-field .td-option-picker-field{gap:0}.td-ui-field .td-option-picker-field .td-option-picker-label{display:none}.td-ui-field .td-option-picker-field .td-option-picker-trigger{min-height:calc(56px * var(--theme-density-space,1));border-radius:calc(var(--theme-radius-control) + 5px);border:1px solid #d4dce6}.td-ui-field .td-option-picker-field .td-option-picker-value{font-size:calc(15px * var(--user-font-scale));font-weight:700}.td-ui-field .td-option-picker-field .td-option-picker-description{font-size:calc(11px * var(--user-font-scale))}.td-dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80}.td-dialog{border-radius:calc(var(--theme-radius-card) + 10px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 99%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 100%);width:min(92vw,640px);box-shadow:var(--theme-card-shadow);border:1px solid #e2e8f0}.td-dialog-head{padding:calc(22px * var(--theme-density-space,1)) calc(22px * var(--theme-density-space,1)) calc(16px * var(--theme-density-space,1));border-bottom:1px solid #edf2f7}.td-dialog-head strong{font-size:calc(18px * var(--user-font-scale));font-weight:850}.td-dialog-head>button{width:calc(42px * var(--theme-density-space,1));height:calc(42px * var(--theme-density-space,1));border-radius:var(--theme-radius-control);background:color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-accent-soft))}.td-dialog-body{padding:calc(20px * var(--theme-density-space,1)) calc(22px * var(--theme-density-space,1)) calc(22px * var(--theme-density-space,1));gap:16px}.td-modal-form{gap:14px;display:grid}.td-modal-grid-2{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.td-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.td-search-field{margin-bottom:14px;position:relative}.td-search-field svg{color:#98a2b3;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.td-search-field input{width:100%;min-height:calc(56px * var(--theme-density-space,1));border:1px solid color-mix(in srgb, var(--theme-primary) 12%, #d4dce6);border-radius:calc(var(--theme-radius-control) + 7px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-card-bg) 97%, white) 0%, color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent-soft)) 62%, color-mix(in srgb, var(--theme-card-bg) 84%, var(--theme-primary-soft)) 100%);padding:0 calc(16px * var(--theme-density-space,1)) 0 calc(46px * var(--theme-density-space,1));color:#101828;font-size:calc(15px * var(--user-font-scale));box-shadow:inset 0 1px 0 #ffffffd9, var(--theme-card-shadow);outline:none;font-weight:700}.td-search-field input::placeholder{color:#98a2b3;font-weight:500}.td-search-field input:focus{border-color:#84ebb1;box-shadow:0 0 0 3px #08a9471f,0 14px 28px #08a9471a}.td-customer-list{gap:12px;max-height:620px;padding:2px;display:grid;overflow:auto}.td-customer-item{border:1px solid color-mix(in srgb, var(--theme-primary) 10%, #dde5ee);text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fbfdff 62%,#f7fbf8 100%);border-radius:24px;width:100%;padding:16px 17px;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}.td-customer-item:hover{border-color:#c7d7e8;box-shadow:0 18px 32px #0f172a12}.td-customer-item.is-selected{background:linear-gradient(#e9fcf0f2 0%,#fffffffa 100%);border-color:#98efbb;box-shadow:0 20px 34px #08a9471f}.td-customer-item strong{color:#101828;font-size:calc(16px * var(--user-font-scale));font-weight:850}.td-customer-item div{color:#8c97ab;font-size:calc(12px * var(--user-font-scale));margin-top:6px}.clickable-row{cursor:pointer}