:root{color-scheme:light;--bg: #f3efe8;--surface: #fffdf9;--surface-soft: #f8f3eb;--ink: #29221e;--ink-soft: #655d56;--ink-muted: #8b8178;--coffee: #4b3024;--coffee-deep: #2f211b;--terracotta: #bd6341;--terracotta-deep: #98492f;--olive: #66745a;--ochre: #b0823f;--slate: #55747a;--plum: #80677d;--danger: #b84f46;--border: #ded6cb;--border-soft: #ebe5dc;--shadow: 0 16px 44px rgba(63, 45, 34, .07);--sidebar-width: 232px;--topbar-height: 72px;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{height:100%;min-width:320px;background:var(--bg);scrollbar-gutter:stable}body{min-width:320px;min-height:100%;height:100%;margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;overflow-x:hidden}#app{min-height:100%}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(189,99,65,.36);outline-offset:3px}[data-route-focus]:focus{outline:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:50%;z-index:100;padding:10px 16px;border-radius:8px;background:var(--coffee-deep);color:#fff;font-weight:800;transform:translate(-50%,-140%);transition:transform .2s ease}.skip-link:focus{transform:translate(-50%)}.admin-shell{height:100dvh;max-height:100dvh;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(circle at 83% 3%,rgba(189,99,65,.1),transparent 28%),radial-gradient(circle at 28% 38%,rgba(102,116,90,.07),transparent 33%)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;overflow:hidden;border-right:1px solid var(--border);background:#fffdf9f5;box-shadow:12px 0 34px #3a291f0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:flex;min-height:var(--topbar-height);flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 0 14px;border-bottom:3px solid var(--terracotta)}.sidebar-close{display:none!important}.store-selector{display:flex;flex:0 0 auto;align-items:center;gap:10px;margin:18px 12px 14px;padding:12px;border-radius:14px;background:var(--coffee-deep);color:#fff;box-shadow:0 10px 24px #2f211b24}.store-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(235,173,142,.5);border-radius:10px;color:#f0c6ad;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}.store-meta{display:flex;min-width:0;flex:1;flex-direction:column}.store-meta strong{color:#fffdf9;font-size:14px;font-weight:700}.store-meta span{display:flex;align-items:center;gap:6px;margin-top:2px;color:#d3c7bf;font-size:13px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7fa36f;box-shadow:0 0 0 4px #7fa36f1f}.live-dot.stopped{background:var(--terracotta);box-shadow:0 0 0 4px #bd63411f}.live-dot.loading{background:#9a8d83;box-shadow:0 0 0 4px #9a8d831f}.mini-button{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#d3c7bf;transition:background .2s ease,color .2s ease}.mini-button:hover{background:#ffffff14;color:#fff}.mini-button:disabled{cursor:not-allowed;opacity:.45}td .mini-button{display:inline-flex;width:auto;min-width:44px;height:auto;min-height:44px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--coffee);font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap}td .mini-button:hover:not(:disabled){border-color:#cdbfb3;background:var(--surface-soft);color:var(--terracotta-deep)}td .mini-button.is-danger{border-color:#b84f465c;background:#b84f4614;color:var(--danger)}td .mini-button:disabled{cursor:not-allowed;opacity:.55}.store-switch-control{position:relative;width:44px;height:44px;flex:0 0 auto}.store-switch-control select{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.store-switch-control .mini-button{pointer-events:none}.store-switch-control:has(select:hover) .mini-button,.store-switch-control:has(select:focus-visible) .mini-button{background:#ffffff14;color:#fff}.nav-groups{flex:1 1 auto;min-height:0;padding:2px 10px 16px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.nav-group+.nav-group{margin-top:17px}.nav-group>p{margin:0 10px 7px;color:#82776e;font-size:13px;font-weight:800;letter-spacing:.1em}.nav-item{position:relative;display:flex;width:100%;min-height:44px;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#71675f;text-align:left;transition:color .2s ease,background .2s ease,transform .2s ease}.nav-item:hover{background:#f4eee6;color:var(--coffee-deep)}.nav-item.active{background:var(--coffee);color:#fff;box-shadow:0 8px 18px #4b302429}.nav-item.active:after{position:absolute;right:10px;width:6px;height:6px;border-radius:50%;background:#e39a72;content:""}.nav-item>span{flex:1;font-size:15px;font-weight:650}.nav-item>b{display:grid;min-width:40px;min-height:24px;place-items:center;padding:0 6px;border-radius:6px;background:#f6ded2;color:#8c3d28;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.nav-item.active>b{margin-right:12px}.nav-item.disabled{cursor:not-allowed;opacity:.58}.nav-item.disabled:hover{background:transparent;color:#71675f;transform:none}.sidebar-footer{display:flex;flex:0 0 auto;flex-direction:column;margin:8px 14px 16px;padding:12px 0 0;border-top:1px solid var(--border);font-family:SFMono-Regular,Consolas,monospace}.sidebar-footer span{color:#82776e;font-size:12px;letter-spacing:.1em}.sidebar-footer strong{margin-top:3px;color:var(--coffee);font-size:14px}.sidebar-footer small{margin-top:4px;color:#82776e;font-size:12px}.workspace{display:flex;height:100%;max-height:100%;flex-direction:column;margin-left:var(--sidebar-width);min-width:0;min-height:0;overflow:hidden}.workspace-body{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.main-content{width:min(100%,1560px);margin:0 auto;padding:34px 34px 42px;align-content:start}.topbar{position:relative;z-index:30;display:flex;height:var(--topbar-height);flex:0 0 auto;align-items:center;gap:16px;padding:0 30px;border-bottom:1px solid rgba(116,97,83,.12);background:#f3efe8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-menu-button{display:none!important}.breadcrumb{display:flex;align-items:center;gap:8px;white-space:nowrap}.breadcrumb span,.breadcrumb i{color:#82776e;font-size:14px;font-style:normal}.breadcrumb strong{color:var(--coffee);font-size:14px;font-weight:700}.store-switcher{display:flex;min-width:0;max-width:220px;align-items:center}.store-switcher select,.store-switcher strong{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#fffdf9;color:var(--coffee);font-size:14px;font-weight:700}.store-switcher select:focus-visible{outline:2px solid rgba(189,99,65,.55);outline-offset:2px}.store-switcher strong{display:flex;align-items:center;font-weight:700}.topbar-search-wrap{position:relative;width:min(360px,32vw);margin-left:auto}.search-box{display:flex;width:100%;height:44px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#fffdf9;color:#82776e;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:#bd63417a;box-shadow:0 0 0 3px #bd634114}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#aaa097}.search-results{position:absolute;z-index:60;top:50px;right:0;left:0;max-height:min(62vh,520px);overflow:auto;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fffdf9;box-shadow:0 18px 42px #462e2329}.search-state{margin:10px;color:var(--ink-soft);font-size:14px}.search-group{display:grid;gap:4px;padding:6px 0}.search-group h3{margin:0 8px;color:var(--terracotta-deep);font-size:13px}.search-result-item{display:grid;gap:2px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left}.search-result-item:hover,.search-result-item:focus-visible{background:#f6eee5;outline:none}.search-result-item strong{font-size:14px}.search-result-item span{color:var(--ink-soft);font-size:13px}.search-box input:disabled{cursor:not-allowed;color:#9f958d}.search-box kbd{padding:2px 6px;border:1px solid var(--border-soft);border-radius:5px;background:#f4efe8;color:#91857b;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;white-space:nowrap}.system-time{display:flex;flex-direction:column;padding-left:16px;border-left:1px solid var(--border);font-family:SFMono-Regular,Consolas,monospace;line-height:1.15}.system-time span{color:#82776e;font-size:12px;letter-spacing:.1em}.system-time strong{margin-top:4px;color:var(--terracotta-deep);font-size:14px;font-weight:700;letter-spacing:.05em}.icon-button,.ghost-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:11px;background:#fffdf9;color:#746960;transition:border-color .2s ease,background .2s ease,color .2s ease}.icon-button:hover:not(:disabled),.ghost-icon:hover:not(:disabled){border-color:#cdbfb3;background:#f6eee5;color:var(--terracotta-deep)}.icon-button:disabled,.ghost-icon:disabled{cursor:not-allowed;opacity:.45}.ghost-icon{border-color:transparent;background:transparent}.notification-button{position:relative}.notification-button b{position:absolute;top:-5px;right:-4px;display:grid;width:17px;height:17px;place-items:center;border:2px solid var(--bg);border-radius:50%;background:var(--terracotta);color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.notification-panel{position:absolute;z-index:60;top:66px;right:170px;display:grid;width:min(360px,calc(100vw - 32px));max-height:min(66vh,560px);overflow:auto;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fffdf9;box-shadow:0 18px 42px #462e2329}.notification-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px;border-bottom:1px solid var(--border-soft)}.notification-panel-heading strong{color:var(--coffee-deep);font-size:16px}.notification-panel-heading button{min-height:36px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--terracotta-deep);font-size:13px}.notification-panel-heading button:disabled{cursor:not-allowed;opacity:.45}.notification-state{margin:18px 8px;color:var(--ink-soft);font-size:14px;text-align:center}.notification-item{display:flex;gap:9px;width:100%;padding:11px 8px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--ink);text-align:left}.notification-item:hover,.notification-item:focus-visible{background:#f6eee5;outline:none}.notification-item>span:last-child{display:grid;gap:3px;min-width:0}.notification-item strong{font-size:14px}.notification-item small{color:var(--ink-soft);font-size:13px;line-height:1.4}.notification-item time{color:#998b80;font-size:12px}.notification-dot{width:8px;height:8px;flex:0 0 auto;margin-top:6px;border-radius:50%;background:#cfc4ba}.notification-item.is-unread .notification-dot{background:var(--terracotta)}.notification-dot[data-level=error]{background:#ba554c}.notification-dot[data-level=warning]{background:#b3833c}.profile-button{display:flex;min-height:44px;align-items:center;gap:9px;padding:2px 0 2px 2px;border:0;background:transparent;text-align:left}.profile-button>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e7c3ad;color:#613b29;font-family:Georgia,"Noto Serif TC",serif;font-weight:700}.profile-button div{display:flex;flex-direction:column}.profile-button strong{color:var(--coffee-deep);font-size:14px}.profile-button small{color:#7e736b;font-size:14px}.logout-button{display:inline-flex;min-width:44px;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:11px;background:#fffdf9;color:var(--coffee-deep);font-size:13px;font-weight:750;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.logout-button:hover:not(:disabled){border-color:#b84f4673;background:#fdf1ef;color:var(--danger)}.logout-button:disabled{cursor:wait;opacity:.6}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--terracotta-deep);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.12em}.page-heading h1{margin:8px 0 5px;color:var(--coffee-deep);font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(31px,3.2vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1.1}.page-heading p{margin:0;color:#655d56;font-size:16px}.heading-actions{display:flex;align-items:center;gap:10px}.period-tabs{display:flex;padding:4px;border:1px solid var(--border);border-radius:12px;background:#fffdf9}.period-tabs button{min-height:44px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#756a61;font-size:15px;white-space:nowrap;transition:background .2s ease,color .2s ease}.period-tabs button.active{background:#eadfd2;color:var(--coffee-deep);font-weight:700}.primary-button{display:flex;min-height:48px;align-items:center;gap:8px;padding:0 17px;border:0;border-radius:12px;background:var(--terracotta);color:#fff;box-shadow:0 9px 20px #bd634133;font-size:15px;font-weight:800;transition:background .2s ease,box-shadow .2s ease}.primary-button:hover:not(:disabled){background:var(--terracotta-deep);box-shadow:0 11px 24px #98492f3d}.primary-button:disabled{cursor:wait;opacity:.62}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:14px}.metric-card{position:relative;min-width:0;min-height:154px;padding:18px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px #4835290b;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.metric-card:first-child{border-color:var(--coffee-deep);background:var(--coffee-deep);color:#fff;box-shadow:0 16px 32px #2f211b26}.metric-card:nth-child(2){background:#eadfd0}.metric-card:nth-child(3){background:#f1ded4}.metric-card:nth-child(4){background:#e1e7dd}.metric-card:hover{border-color:#c9b9ac;box-shadow:0 14px 28px #48352917;transform:translateY(-2px)}.metric-card:after{position:absolute;right:13px;bottom:-12px;color:#4b30240f;font-family:Georgia,serif;font-size:74px;font-weight:700;line-height:1;content:"0" counter(metric);pointer-events:none}.metric-grid{counter-reset:metric}.metric-card{counter-increment:metric}.metric-card:first-child:after{color:#ffffff12}.metric-top{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#655d56;font-size:15px;font-weight:650}.metric-card:first-child .metric-top{color:#cbbdb4}.metric-top .ghost-icon{margin-left:auto}.metric-card:first-child .ghost-icon{color:#d7cbc3}.metric-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid currentColor;border-radius:11px;background:#ffffff47}.mint{color:var(--olive)!important}.amber{color:var(--ochre)!important}.blue{color:var(--slate)!important}.violet{color:var(--plum)!important}.danger{color:var(--danger)!important}.metric-card:first-child .mint{color:#e7bda5!important}.metric-value{position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px;margin-top:16px}.metric-value>strong{color:var(--coffee-deep);font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(27px,2.3vw,34px);font-weight:650;letter-spacing:-.035em;white-space:nowrap}.metric-card:first-child .metric-value>strong{color:#fffdf9}.metric-value>span{display:flex;align-items:center;gap:2px;padding-bottom:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800}.metric-note{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:12px;color:#655d56;font-size:14px}.metric-card:first-child .metric-note{color:#bcaea5}.metric-note small{margin-left:auto;color:#756a61;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.08em}.metric-card:first-child .metric-note small{color:#9e8e84}.mini-progress{width:48px;height:4px;overflow:hidden;border-radius:9px;background:#4b30241f}.mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--plum)}.dashboard-grid{display:grid;gap:14px;margin-top:14px}.dashboard-grid-primary{grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr)}.dashboard-grid-secondary{grid-template-columns:minmax(0,1.55fr) minmax(310px,.66fr)}.panel{min-width:0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-header>div>span{color:#82776e;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.11em}.panel-header h2{margin:4px 0 0;color:var(--coffee-deep);font-family:Georgia,"Noto Serif TC",serif;font-size:22px;font-weight:650}.panel-empty{display:grid;min-height:220px;place-items:center;padding:24px;color:#756a61;font-size:15px;text-align:center}.panel-summary{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 10px;text-align:right}.panel-summary span{color:#756a61;font-size:14px}.panel-summary strong{grid-row:2;color:var(--coffee);font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.panel-summary em{grid-row:1 / 3;padding:5px 7px;border-radius:7px;background:#e6eadd;color:var(--olive);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-style:normal;font-weight:800}.chart-wrap{position:relative;height:250px;margin-top:12px;padding-top:8px}.revenue-chart{width:100%;height:210px;overflow:visible}.chart-grid line{stroke:#634d3f1a;stroke-width:1;stroke-dasharray:3 8}.chart-area{fill:url(#areaGradient)}#areaGradient stop:first-child{stop-color:var(--terracotta);stop-opacity:.3}.chart-line{fill:none;stroke:var(--terracotta);stroke-width:3;vector-effect:non-scaling-stroke}.chart-current circle:first-child{fill:#bd634124;stroke:var(--terracotta);stroke-width:1}.chart-current circle:last-child{fill:var(--terracotta)}.chart-labels{display:flex;justify-content:space-between;color:#756a61;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600}.chart-tooltip{position:absolute;top:25px;right:8px;display:flex;flex-direction:column;padding:8px 10px;border-radius:9px;background:var(--coffee-deep);box-shadow:0 9px 20px #2f211b2e;font-family:SFMono-Regular,Consolas,monospace}.chart-tooltip span{color:#d3c7bf;font-size:12px}.chart-tooltip strong{margin-top:2px;color:#f2c4a9;font-size:14px}.channel-panel{display:flex;flex-direction:column}.donut-wrap{display:flex;flex:1;align-items:center;gap:24px;padding:25px 4px 18px}.donut-chart{position:relative;display:grid;width:140px;height:140px;flex:0 0 auto;place-items:center;border-radius:50%;background:conic-gradient(var(--olive) 0 44%,var(--ochre) 44% 78%,var(--terracotta) 78% 100%)}.donut-chart:before{position:absolute;width:96px;height:96px;border-radius:50%;background:var(--surface);content:""}.donut-chart>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.donut-chart strong{color:var(--coffee-deep);font-family:Georgia,serif;font-size:30px}.donut-chart span{color:#655d56;font-size:14px}.channel-legend{display:flex;min-width:0;flex:1;flex-direction:column;gap:14px}.channel-legend>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px}.channel-legend span{display:flex;align-items:center;gap:8px;color:#554d46;font-size:15px}.channel-legend i{width:7px;height:7px;border-radius:50%;background:currentColor}.channel-legend strong{color:var(--coffee);font-family:SFMono-Regular,Consolas,monospace;font-size:15px}.channel-legend small{grid-column:1 / -1;margin-left:15px;color:#655d56;font-size:14px}.insight-note{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 13px;border-radius:12px;background:#f3e7da;color:var(--terracotta-deep)}.insight-note p{display:flex;flex-direction:column;margin:0}.insight-note strong{color:#704534;font-size:14px}.insight-note span{color:#7c6253;font-size:13px}.text-button{display:flex;min-height:44px;align-items:center;gap:6px;padding:0 4px;border:0;background:transparent;color:var(--terracotta-deep);font-size:14px;font-weight:750;text-decoration:none}.text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.text-button:disabled{cursor:not-allowed;opacity:.5}.table-scroll{margin:18px -4px -3px;overflow-x:auto;scrollbar-color:#cabbb0 transparent}table{width:100%;min-width:900px;border-collapse:collapse}.orders-panel table{min-width:0}th,td{padding:16px 10px;border-bottom:1px solid var(--border-soft);text-align:left;white-space:nowrap}th{color:#756a61;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.05em}td{color:#514941;font-size:15px}td>strong{color:var(--coffee);font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}.channel-tag{display:inline-flex;margin-right:8px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:#faf6f0;color:#685e56;font-size:13px}td small{color:#756a61;font-size:14px}td.amount{color:var(--coffee-deep);font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}td.empty-table-cell{height:120px;color:#756a61;text-align:center}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid currentColor;border-radius:99px;background:#ffffff6b;font-size:14px}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}tbody tr{transition:background .18s ease}tbody tr:hover{background:#faf5ee}.status-badge{padding:5px 8px;border:1px solid #dccaba;border-radius:7px;background:#f8efe5;color:#684b39;font-size:14px;letter-spacing:.03em}.control-row{display:flex;min-height:78px;align-items:center;gap:12px;border-bottom:1px solid var(--border-soft)}.control-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:11px;background:#faf6f0}.control-row>div{display:flex;min-width:0;flex:1;flex-direction:column}.control-row strong{color:var(--coffee);font-size:15px}.control-row small{margin-top:3px;color:#655d56;font-size:15px;line-height:1.5}.toggle-button{position:relative;width:52px;height:44px;flex:0 0 auto;border:0;border-radius:12px;background:transparent}.toggle-button:before{position:absolute;top:10px;left:2px;width:48px;height:24px;border:1px solid #cec2b8;border-radius:99px;background:#e9e2da;content:"";transition:background .2s ease,border-color .2s ease}.toggle-button i{position:absolute;z-index:1;top:14px;left:6px;width:16px;height:16px;border-radius:50%;background:#968a80;transition:transform .2s ease,background .2s ease}.toggle-button.on:before{border-color:#69765e;background:#d7dfd2}.toggle-button.on i{background:var(--olive);transform:translate(24px)}.control-confirm{display:grid;flex:0 1 230px!important;gap:8px;padding:10px;border:1px solid rgba(184,79,70,.28);border-radius:12px;background:#b84f460f}.control-confirm>div{display:flex;flex-direction:row;gap:8px}.control-confirm-button{min-width:64px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--coffee);font-size:14px;font-weight:750}.control-confirm-button.is-danger{border-color:#b84f465c;background:#b84f4614;color:var(--danger)}.online-label{display:flex;align-items:center;gap:7px;color:var(--olive);font-size:13px;font-weight:700}.online-label i{width:6px;height:6px;border-radius:50%;background:var(--olive)}.workload-card{margin-top:16px;padding:16px;border-radius:12px;background:#f6efe7}.workload-card>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#756a61;font-size:13px}.workload-card>div:first-child strong{color:var(--ochre);font-size:13px}.workload-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:9px 0}.workload-bars i{height:5px;border-radius:4px;background:#ddd2c8}.workload-bars i:nth-child(-n+3){background:var(--ochre)}.workload-card>small{color:#756a61;font-size:13px}.benefits-panel{margin-top:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,.95fr);gap:14px;margin-top:18px}.benefit-grid>article{padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:#faf7f2}.benefit-grid article header{display:flex;align-items:center;justify-content:space-between;color:#554d46;font-size:15px}.benefit-grid article header strong{color:var(--terracotta-deep);font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.benefit-progress{height:6px;margin:13px 0 9px;overflow:hidden;border-radius:6px;background:#e5ddd4}.benefit-progress i{display:block;height:100%;border-radius:inherit;background:var(--terracotta)}.benefit-grid article footer{display:flex;justify-content:space-between;color:#655d56;font-size:14px}.benefit-grid aside{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:13px;border-radius:12px;background:var(--coffee-deep)}.alert-orbit{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(240,198,173,.36);border-radius:50%;color:#f0c6ad}.benefit-grid aside strong{color:#fffdf9;font-size:14px}.benefit-grid aside p{margin:3px 0 0;color:#d1c3ba;font-size:13px}.benefit-grid aside button{grid-column:1 / -1;min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#ebddd4;font-size:13px;transition:background .2s ease,border-color .2s ease}.benefit-grid aside button:hover{border-color:#ffffff4d;background:#ffffff1c}.toast-message{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;width:max-content;max-width:min(430px,calc(100vw - 32px));min-height:64px;align-items:center;gap:12px;padding:10px 10px 10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:var(--coffee-deep);box-shadow:0 16px 40px #2f211b3d;color:#f7eee8}.toast-message__marker{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#e39067;box-shadow:0 0 0 4px #e3906726}.toast-message__content{display:grid;min-width:0;flex:1;gap:2px;line-height:1.45}.toast-message__content strong{color:#eeb294;font-size:12px;letter-spacing:.12em}.toast-message__content span{overflow-wrap:anywhere;font-size:15px}.toast-message--success .toast-message__marker{background:#a9c59f;box-shadow:0 0 0 4px #a9c59f29}.toast-message--success .toast-message__content strong{color:#c7ddbf}.toast-message--error{border-color:#ef9d9157}.toast-message--error .toast-message__marker{background:#ef9d91;box-shadow:0 0 0 4px #ef9d9129}.toast-message--error .toast-message__content strong{color:#ffc0b7}.toast-message button{min-width:52px;min-height:44px;border:0;border-radius:9px;background:#ffffff14;color:#f7eee8;font:inherit;font-size:13px;cursor:pointer;transition:background .2s ease}.toast-message button:hover{background:#ffffff29}.toast-message button:focus-visible{outline:2px solid #f0b08d;outline-offset:2px}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.mobile-overlay{display:none}body.is-mobile-menu-open{overflow:hidden}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-primary,.dashboard-grid-secondary{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box{width:min(300px,30vw)}}@media(max-width:920px){:root{--topbar-height: 64px}.sidebar{transform:translate(-102%);transition:transform .24s ease-out}.sidebar.is-open{transform:translate(0)}.sidebar-close,.mobile-menu-button{display:grid!important}.workspace{margin-left:0}.mobile-overlay{position:fixed;inset:0;z-index:35;display:block;width:100%;height:100%;border:0;background:#2f211b85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.system-time,.profile-button div,.search-box kbd{display:none}.topbar{gap:10px;padding:0 18px}.search-box{width:auto;flex:1;margin-left:auto}.logout-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logout-button{padding:0;width:44px}}@media(max-width:920px){.page-heading{align-items:stretch;flex-direction:column}.heading-actions{justify-content:flex-end}}@media(max-width:920px){.sidebar{visibility:hidden;transition:transform .24s ease-out,visibility 0s linear .24s}.sidebar.is-open{visibility:visible;transition-delay:0s}}@media(max-width:720px){.main-content{padding:24px 16px 32px}.page-heading{align-items:stretch;flex-direction:column}.heading-actions{justify-content:space-between}.benefit-grid{grid-template-columns:1fr}.donut-wrap{justify-content:center}.breadcrumb{display:none}.metric-grid{gap:10px}.panel,.metric-card{border-radius:16px}}@media(max-width:720px){.orders-panel .table-scroll{margin:16px 0 0;overflow:visible}.orders-panel table,.orders-panel tbody,.orders-panel tr,.orders-panel td{display:block;width:100%}.orders-panel thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.orders-panel tbody{display:grid;gap:12px}.orders-panel tbody tr{padding:6px 14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-soft)}.orders-panel td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:12px;align-items:center;min-height:44px;padding:8px 0;white-space:normal}.orders-panel td:before{color:var(--ink-muted);font-size:14px;font-weight:750;content:attr(data-label)}.orders-panel tr:has(.empty-table-cell){padding:0}.orders-panel td.empty-table-cell{display:grid;min-height:120px;place-items:center;padding:20px}.orders-panel td.empty-table-cell:before{content:none}}@media(max-width:520px){body{font-size:16px}.metric-grid{grid-template-columns:1fr}.heading-actions{align-items:stretch;flex-direction:column}.period-tabs{width:100%}.period-tabs button{flex:1}.primary-button{justify-content:center}.search-box{max-width:134px}.search-box input{font-size:16px}.search-box input::placeholder{color:transparent}.notification-button{display:none}.profile-button>span{width:38px;height:38px}.donut-wrap{align-items:center;flex-direction:column}.channel-legend{width:100%}.chart-wrap{height:220px}.revenue-chart{height:180px}.sidebar{width:min(86vw,300px)}.toast-message{right:16px;bottom:16px;left:16px;max-width:none}.page-heading h1{font-size:36px}}@media(max-width:520px){.control-row{flex-wrap:wrap;padding:8px 0}.control-confirm{flex-basis:100%!important;margin-left:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}