:root{--ink:#171720;--muted:#8b8a96;--line:#eceaf0;--paper:#fff;--canvas:#f7f7f9;--orange:#ff6b42;--purple:#6e5de7;--green:#20a77c}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:#1d1c25;flex-direction:column;width:236px;padding:25px 16px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{background:var(--orange);border-radius:9px;justify-content:center;align-items:flex-end;gap:3px;width:34px;height:34px;padding:8px;display:flex}.brand-mark i{background:#fff;border-radius:3px;width:4px;display:block}.brand-mark i:first-child{height:9px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px}.brand b{letter-spacing:1px;font-size:18px}.brand small{color:#777682;letter-spacing:2px;margin-top:2px;font-size:8px;display:block}.close-nav{color:#fff;background:0 0;border:0;margin-left:auto;font-size:24px;display:none}.sidebar nav{flex:1;overflow:auto}.sidebar nav button{color:#9b99a5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:45px;margin:2px 0;padding:0 14px;font-size:14px;font-weight:600;display:flex;position:relative}.sidebar nav button span{text-align:center;width:19px;font-size:17px}.sidebar nav button.active{color:#fff;background:#2d2b35}.sidebar nav button.active>span{color:#ff7b54}.sidebar nav button.active>i{background:var(--orange);border-radius:3px 0 0 3px;width:3px;height:22px;position:absolute;right:-16px}.nav-group{letter-spacing:1.5px;color:#5f5d68;margin:22px 14px 9px;font-size:10px}.upgrade-card{background:linear-gradient(145deg,#302e3a,#272630);border:1px solid #393742;border-radius:12px;margin:14px 0;padding:16px}.upgrade-card>span{color:#f5bd64}.upgrade-card b{margin:10px 0 6px;font-size:13px;display:block}.upgrade-card p{color:#8d8b97;margin:0 0 11px;font-size:11px;line-height:1.6}.upgrade-card button{color:#ff805e;background:0 0;border:0;padding:0;font-size:11px}.sidebar-user{border-top:1px solid #33313a;align-items:center;gap:10px;padding:17px 6px 0;display:flex}.sidebar-user>span,.avatar{color:#905136;background:#f4d7c6;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.sidebar-user div{flex:1}.sidebar-user b{font-size:12px;display:block}.sidebar-user small{color:#75737f;font-size:10px}.sidebar-user button{color:#777582;background:0 0;border:0}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;align-items:center;height:68px;padding:0 34px;display:flex;position:fixed;top:0;left:236px;right:0}main{margin-left:236px}.global-search{color:#918f98;align-items:center;gap:10px;width:300px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:220px;font-size:13px}.global-search kbd{background:#f8f8fa;border:1px solid #dedce2;border-radius:4px;padding:3px 6px;font-size:10px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.sync-status{color:#777580;margin-right:10px;font-size:11px}.sync-status i,.online-dot{background:#32be88;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.sync-status b{color:#aaa8b0;font-weight:400}.icon-button{color:#66636d;background:#fff;border:1px solid #e5e3e8;border-radius:8px;width:35px;height:35px;position:relative}.notify-dot{background:#ff6b42;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.menu-button{background:0 0;border:0;margin-right:10px;font-size:20px;display:none}.page-content{max-width:1580px;margin:auto;padding:99px 34px 28px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading h1{letter-spacing:-.8px;margin:3px 0 6px;font-size:27px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--orange)!important;font-size:10px!important}.heading-actions{gap:9px;display:flex}.date-button,.filter-button{color:#5c5964;background:#fff;border:1px solid #e3e1e6;border-radius:7px;height:38px;padding:0 14px;font-size:12px}.date-button span{margin-left:12px}.primary-button{color:#fff;background:#1e1d25;border:0;border-radius:7px;height:38px;padding:0 17px;font-size:12px;box-shadow:0 5px 12px #1e1d2520}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px;display:grid}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-card{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:145px;padding:18px 19px;position:relative;overflow:hidden}.metric-card:before{content:"";border-radius:0 3px 3px 0;width:3px;height:31px;position:absolute;top:20px;left:0}.accent-orange:before{background:var(--orange)}.accent-purple:before{background:var(--purple)}.accent-green:before{background:var(--green)}.accent-blue:before{background:#4285d5}.metric-top{justify-content:space-between;display:flex}.metric-icon{color:#f16c47;background:#fff0eb;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.accent-purple .metric-icon{color:var(--purple);background:#f0edff}.accent-green .metric-icon{color:var(--green);background:#e8f7f1}.accent-blue .metric-icon{color:#4285d5;background:#eaf3fd}.more{color:#b7b5bd;font-size:10px}.metric-card>p{color:#7d7b86;margin:14px 0 5px;font-size:12px}.metric-card h2{letter-spacing:-.7px;margin:0 0 9px;font-size:23px}.metric-card h2 em{color:#aaa7af;font-size:11px;font-style:normal;font-weight:400}.trend{border-radius:4px;padding:3px 5px;font-size:10px;font-weight:700}.trend.positive{color:#16875f;background:#e8f7f1}.trend.negative{color:#db5846;background:#fff0ed}.metric-card small{color:#aaa8b0;font-size:10px}.ghost-number{color:#f5f4f7;letter-spacing:-3px;font-size:43px;font-weight:700;position:absolute;bottom:4px;right:13px}.neutral-tag,.warning-tag{color:#88858f;background:#f3f2f5;border-radius:4px;padding:4px 7px;font-size:10px}.warning-tag{color:#d8743b;background:#fff1e7}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,.8fr);gap:15px;margin-bottom:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-head h3{margin:0 0 5px;font-size:14px}.panel-head p{color:#9a98a1;margin:0;font-size:10px}.segmented{background:#f4f3f6;border-radius:6px;padding:3px}.segmented button{color:#85828d;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:10px}.segmented button.active{color:#25232b;background:#fff;box-shadow:0 1px 4px #00000012}.chart-legend{color:#8b8992;align-items:center;gap:14px;margin:20px 0 3px;font-size:10px;display:flex}.legend-dot{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.legend-dot.current{background:var(--orange)}.legend-dot.previous{background:#ddd9e5}.chart-legend select{color:#77747e;background:0 0;border:0;margin-left:auto;font-size:10px}.chart-area{height:190px;padding-top:10px;display:flex}.y-axis{color:#aaa7b0;flex-direction:column;justify-content:space-between;padding:0 8px 21px 0;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#fff 0 41px,#f0eef2 42px);border-bottom:1px solid #eeeaf0;flex:1;align-items:flex-end;gap:6px;height:100%;padding:0 5px;display:flex}.bar-group{flex:1;align-items:flex-end;gap:2px;height:100%;padding-bottom:20px;display:flex;position:relative}.bar{border-radius:3px 3px 0 0;width:45%;min-height:5px}.bar.compare{background:#e8e5ed}.current-bar{background:linear-gradient(#ff8b68,#ff6b42);position:relative}.bar-tooltip{color:#fff;white-space:nowrap;background:#26242d;border-radius:4px;padding:4px;font-size:8px;display:none;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.current-bar:hover .bar-tooltip{display:block}.bar-group small{color:#aaa7b0;white-space:nowrap;font-size:8px;position:absolute;bottom:2px}.plain-button{color:#e96d4d;background:0 0;border:0;font-size:10px}.donut-wrap{place-items:center;padding:22px 0 18px;display:grid}.donut{background:conic-gradient(#ff6b42 0 68.2%,#6e5de7 68.2% 91.8%,#efbb54 91.8%);border-radius:50%;place-items:center;width:135px;height:135px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:91px;height:91px;position:absolute}.donut div{text-align:center;z-index:1;position:relative}.donut b{font-size:15px;display:block}.donut span{color:#9b98a1;font-size:9px}.composition-list{flex-direction:column;gap:10px;display:flex}.composition-list>div{color:#797681;justify-content:space-between;font-size:10px;display:flex}.composition-list i{border-radius:2px;width:7px;height:7px;margin-right:7px;display:inline-block}.stores-panel{margin-bottom:16px}.store-list{margin-top:10px}.store-row{border-top:1px solid #f1eff3;grid-template-columns:32px minmax(170px,1.7fr) 1fr .7fr 1.2fr 65px 20px;align-items:center;gap:15px;padding:13px 5px;display:grid}.rank{background:#f1eff3;border-radius:6px;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.rank-1{color:#e35e3a;background:#fff0eb}.rank-2{color:#6252ce;background:#eeebff}.rank-3{color:#178461;background:#e9f7f2}.store-name b,.store-stat b{font-size:11px;display:block}.store-name small,.store-stat small{color:#aaa7b0;font-size:9px}.progress{background:#f0eef2;border-radius:5px;height:5px}.progress span{border-radius:5px;height:100%;display:block}.row-trend{color:#16875f;font-size:9px}.row-action,.more-button{color:#aaa8b0;background:0 0;border:0}.compact .metric-card,.three .metric-card{min-height:128px}.table-panel{padding:20px 0;overflow:hidden}.table-panel .panel-head{padding:0 20px 17px}.table-actions{gap:8px;display:flex}.search-box{color:#aaa7b0;border:1px solid #e4e2e7;border-radius:7px;align-items:center;height:36px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:160px;margin-left:6px;font-size:11px}.data-table{min-width:700px}.table-row{color:#66636d;border-top:1px solid #f0eef2;grid-template-columns:2fr .8fr .8fr 1fr .8fr .8fr;align-items:center;padding:13px 20px;font-size:11px;display:grid}.table-row.table-header{color:#99969f;text-transform:uppercase;letter-spacing:.4px;background:#faf9fb;font-size:9px}.dish-title{color:#2a2830;align-items:center;gap:12px;display:flex}.dish-title i{color:#e76643;background:#fff0eb;border-radius:6px;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.margin-value{color:#16875f}.status{border-radius:10px;padding:4px 7px;font-size:9px;font-style:normal}.status.hot{color:#e76340;background:#fff0eb}.status.stable{color:#16875f;background:#e8f7f1}.large-bar-chart{background:repeating-linear-gradient(#fff 0 52px,#f0eef2 53px);align-items:flex-end;gap:10px;height:260px;padding:35px 15px 20px;display:flex}.large-bar-chart>div{background:linear-gradient(#ff9878,#ff6b42);border-radius:4px 4px 0 0;flex:1;position:relative}.large-bar-chart span{color:#aaa7b0;font-size:8px;position:absolute;bottom:-17px}.insight-panel{color:#fff;background:#24222b;padding:32px}.insight-icon{background:#ff6b42;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:35px;display:grid}.insight-panel h3{margin:8px 0;font-size:20px}.insight-panel>p:not(.eyebrow){color:#aaa8b2;font-size:12px;line-height:1.7}.outline-button{background:#fff;border:1px solid #dddbe1;border-radius:7px;height:36px;padding:0 15px;font-size:11px}.insight-panel .outline-button{color:#fff;background:0 0;border-color:#4a4852;margin-top:18px}.success-banner{color:#177c5c;background:#eaf8f2;border:1px solid #caeadd;border-radius:8px;margin-bottom:14px;padding:12px 15px;font-size:11px}.success-banner button{float:right;color:#177c5c;background:0 0;border:0}.user-table .table-row{grid-template-columns:1.7fr 1fr 1fr 1fr .7fr 30px}.person{align-items:center;gap:10px;display:flex}.person>i{color:#705bd0;background:#efeafc;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;font-weight:700;display:grid}.person b,.person small{display:block}.person small{color:#a5a2aa;margin-top:2px;font-size:8px}.role-tag{background:#f1eff6;border-radius:4px;padding:4px 7px;font-size:9px;font-style:normal}.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:16px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;border-radius:10px;height:max-content;padding:9px}.settings-nav button{color:#77747e;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;height:42px;padding:0 12px;font-size:11px}.settings-nav button span{float:right}.settings-nav button.active{color:#e46543;background:#fff0eb;font-weight:700}.config-panel{max-width:900px}.connected{color:#16875f;background:#e7f7f0;border-radius:10px;padding:5px 8px;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;display:grid}.form-grid label{color:#67646d;font-size:10px;font-weight:700}.form-grid label.wide{grid-column:1/2}.form-grid input,.form-grid select{background:#fff;border:1px solid #dfdde2;border-radius:7px;outline:0;width:100%;height:39px;margin-top:7px;padding:0 11px;font-size:11px;display:block}.form-grid input:focus,.form-grid select:focus{border-color:#ff8b68;box-shadow:0 0 0 3px #fff0eb}.password-input{position:relative}.password-input button{color:#aaa7b0;background:0 0;border:0;position:absolute;bottom:8px;right:7px}.security-note{background:#f8f7fa;border-radius:8px;gap:12px;margin-top:20px;padding:14px;display:flex}.security-note>span{color:#6e5de7}.security-note b{font-size:10px}.security-note p{color:#92909a;margin:4px 0 0;font-size:9px}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:22px;padding-top:17px;display:flex}footer{color:#aaa8b0;justify-content:space-between;padding:8px 2px 0;font-size:9px;display:flex}.nav-overlay{display:none}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.composition-panel{grid-template-columns:1fr 1fr;display:grid}.composition-panel .panel-head{grid-column:1/-1}.store-row{grid-template-columns:30px 1.6fr 1fr .7fr 55px 20px}.store-row .progress{display:none}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0004}.close-nav{display:block}.nav-overlay{z-index:25;background:#0008;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 16px;left:0}.menu-button{display:block}.global-search{flex:1;width:auto}.global-search input{width:100%}.global-search kbd,.sync-status,.top-actions .icon-button{display:none}main{margin-left:0}.page-content{padding:92px 16px 24px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:23px}.page-heading .heading-actions{flex-direction:column}.date-button{display:none}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.metric-card{min-height:127px;padding:15px}.metric-card h2{font-size:19px}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:14px}.chart-panel{padding:16px}.chart-area{height:180px}.bars{gap:2px}.composition-panel{display:block}.store-row{grid-template-columns:28px 1fr 70px 18px;gap:8px}.store-stat:nth-of-type(2),.row-trend{display:none}.table-panel{overflow-x:auto}.table-panel .panel-head{position:sticky;left:0}.settings-layout{display:block}.settings-nav{margin-bottom:12px;padding:5px;display:flex;overflow-x:auto}.settings-nav button{white-space:nowrap}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}footer{flex-direction:column;gap:5px}.primary-button{white-space:nowrap}}@media (width<=480px){.metric-grid,.metric-grid.three{grid-template-columns:1fr}.metric-card{min-height:118px}.page-heading{display:block}.page-heading .primary-button{margin-top:14px}.heading-actions{display:block}.composition-panel{grid-template-columns:1fr}.top-actions{gap:5px}.panel-head{flex-direction:column}.table-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}}.oracle-note{background:#fff4f1;border:1px solid #ffe0d7;border-radius:8px;gap:12px;margin-top:20px;padding:14px;display:flex}.oracle-note>span{color:#fff;letter-spacing:.5px;background:#e94b35;border-radius:4px;align-self:flex-start;padding:4px 6px;font-size:8px;font-weight:700}.oracle-note b{color:#b93a2b;font-size:10px}.oracle-note p{color:#92909a;margin:4px 0 0;font-size:9px}