:root { --ink:#192421; --muted:#74817b; --line:#e8ece7; --paper:#fffefa; --canvas:#f5f6f1; --orange:#ff7051; --lime:#dff35b; --green:#12684b; --soft-green:#e7f4e9; --yellow:#f6d86b; --blue:#dceaf9; }
*{box-sizing:border-box} html{background:var(--canvas)} body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:var(--canvas);font-size:14px}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;padding:27px 16px 18px;background:#183e32;color:#eaf4e9;z-index:5}.brand{display:flex;align-items:center;gap:9px;margin:0 10px 29px;font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand-mark{width:29px;height:27px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:7px;border-radius:3px;background:#dff35b}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}.store-switcher{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font:inherit;cursor:pointer}.store-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f27c59;color:#fff;font-weight:800}.store-switcher b,.profile b{display:block;font-size:12px}.store-switcher small,.profile small{display:block;margin-top:2px;color:#aac5b9;font-size:10px}.chevron{margin-left:auto;font-size:18px}.nav{margin-top:30px}.nav p,.eyebrow{margin:0;color:#91b4a3;font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.12em}.nav p{margin:0 10px 9px}.nav p:not(:first-child){margin-top:24px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:8px;color:#c5d9d1;background:transparent;text-align:left;font:600 13px Manrope;cursor:pointer;transition:.2s}.nav-item>span{width:15px;font-size:17px;text-align:center;color:#a2c3b4}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:#f0f6e7;color:#173f32}.nav-item.active>span{color:#1b6c50}.nav-item em{display:grid;place-items:center;margin-left:auto;min-width:18px;height:18px;border-radius:5px;background:rgba(223,243,91,.16);color:#dff35b;font-size:10px;font-style:normal}.nav-item.active em{background:#dff35b;color:#294334}.sidebar-foot{margin-top:auto}.help-link{display:flex;gap:9px;align-items:center;padding:10px;width:100%;border:0;background:transparent;color:#c5d9d1;text-align:left;font:600 12px Manrope;cursor:pointer}.help-link span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #a2c3b4;border-radius:50%;font-size:10px}.profile{display:flex;align-items:center;gap:9px;width:100%;padding:12px 6px 0;border:0;border-top:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}.profile-photo,.avatar,.review-avatar{display:grid;flex:0 0 auto;place-items:center;border-radius:50%;font-weight:800}.profile-photo{width:30px;height:30px;background:#f4bd73;color:#613516;font-size:9px}.profile>span:last-child{margin-left:auto;font-weight:800}.app-shell main{grid-column:2;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:96px;padding:0 42px;background:rgba(255,254,250,.88);border-bottom:1px solid var(--line)}.page-title span{display:block}.page-title h1{margin:3px 0 0;font-size:21px;letter-spacing:-.8px}.page-title h1 span{display:inline;color:#e8a653;font-size:15px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#446057;font-size:20px;cursor:pointer}.icon-btn.notification{font-size:16px}.notification b{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.new-action{padding:10px 15px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:700 12px Manrope;cursor:pointer;box-shadow:0 3px 8px rgba(25,36,33,.12);transition:.2s}.new-action:hover{transform:translateY(-1px);background:#2c3a36}.mobile-menu{display:none}.content{max-width:1320px;margin:auto;padding:32px 42px 54px}.command-bar{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #dbe7d2;border-radius:11px;background:#f4fae5}.command-bar .spark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--lime);color:#31502f}.command-bar p{margin:0;font-size:12px;color:#4d5e55}.command-bar p strong{color:#294235}.command-bar button{margin-left:auto;border:0;background:transparent;color:#17644b;font:800 11px Manrope;cursor:pointer}.command-bar button span{font-size:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 16px}.eyebrow{color:#82948b}.section-heading h2,.panel-title h2{margin:4px 0 0;font-size:18px;letter-spacing:-.7px}.date-select{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#466057;font:600 11px Manrope}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:160px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.metric-card.warm{border-color:#f6d5c8;background:#fffdfa}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#63736b;font-size:11px;font-weight:700}.metric-label button{display:grid;place-items:center;width:15px;height:15px;padding:0;border:1px solid #cbd4ce;border-radius:50%;background:transparent;color:#99a69f;font:700 9px Arial}.metric-card>strong{display:block;margin:14px 0 5px;font-size:24px;letter-spacing:-1.3px}.metric-card>strong span{font-size:15px}.metric-card p{margin:0;font-size:10px}.positive{color:#19845e}.negative{color:#d65d48}.metric-card p span{color:#839189}.sparkline{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:9px}.sparkline i{width:11%;border-radius:3px 3px 0 0;background:#ffd0c4}.sparkline i:nth-child(1){height:25%}.sparkline i:nth-child(2){height:44%}.sparkline i:nth-child(3){height:34%}.sparkline i:nth-child(4){height:62%}.sparkline i:nth-child(5){height:48%}.sparkline i:nth-child(6){height:86%;background:var(--orange)}.sparkline i:nth-child(7){height:68%}.tiny-bars{display:flex;align-items:flex-end;gap:7px;height:41px;margin-top:8px}.tiny-bars i{width:13px;border-radius:3px 3px 0 0;background:#d7e9de}.tiny-bars i:nth-child(1){height:28%}.tiny-bars i:nth-child(2){height:45%}.tiny-bars i:nth-child(3){height:36%}.tiny-bars i:nth-child(4){height:63%}.tiny-bars i:nth-child(5){height:51%}.tiny-bars i:nth-child(6){height:86%;background:#57aa81}.tiny-bars i:nth-child(7){height:72%}.line-chart{height:43px;margin-top:8px}.line-chart svg{width:100%;height:100%}.line-chart path{fill:none;stroke:#e6a594;stroke-width:2}.score{display:flex;align-items:baseline;gap:3px;margin-top:9px}.score strong{font-size:29px;letter-spacing:-1.6px}.score>span{color:#829089;font-size:11px}.score i{margin-left:auto;padding:3px 7px;border-radius:20px;background:#e8f4e9;color:#257152;font-size:9px;font-style:normal;font-weight:800}.progress{height:6px;margin:10px 0 6px;border-radius:10px;background:#e6eee6}.progress span{display:block;height:100%;border-radius:inherit;background:#3b9672}.main-panels{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:15px;margin-top:15px}.priority-card,.revenue-card,.team-card,.quick-card,.data-hero,.split-data>article,.menu-health,.review-summary,.review-item,.finance-cards article,.ledger,.insights-grid article{border:1px solid var(--line);border-radius:12px;background:var(--paper)}.priority-card{padding:19px}.panel-title{display:flex;align-items:start;justify-content:space-between}.text-button{padding:4px 0;border:0;background:transparent;color:#177051;font:800 10px Manrope;cursor:pointer}.pulse-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ffe1d7}.priority-list{padding:0;margin:14px 0 0;list-style:none}.priority-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eef0eb}.priority-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:13px;font-weight:800}.critical .priority-icon{background:#ffe8e2;color:#c54e3b}.warning .priority-icon{background:#fff1cc;color:#ac741c}.info .priority-icon{background:#e2f1ef;color:#23846c}.priority-list b{font-size:11px}.priority-list p{margin:3px 0 0;color:#849188;font-size:9px}.resolve{border:0;background:transparent;color:#197151;font:800 10px Manrope;white-space:nowrap;cursor:pointer}.revenue-card{padding:19px}.live{padding:4px 6px;border-radius:5px;background:#eaf5ea;color:#368160;font-family:'DM Mono';font-size:8px;font-weight:700}.revenue-value{display:flex;align-items:baseline;gap:8px;margin:13px 0 3px}.revenue-value strong{font-size:24px;letter-spacing:-1px}.revenue-value span{color:#809088;font-size:10px}.chart-area{height:178px;margin:0 -2px}.chart-area svg{width:100%;height:148px}.gridline{stroke:#edf0ec;stroke-width:1}.area{fill:url(#fill)}.revenue-line{fill:none;stroke:var(--orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.chart-area circle{fill:#fff;stroke:var(--orange);stroke-width:3}.chart-labels{position:absolute;display:flex;flex-direction:column;justify-content:space-between;height:119px;color:#9ba8a0;font:8px 'DM Mono'}.chart-labels span{transform:translateY(-4px)}.chart-hours{display:flex;justify-content:space-around;margin-left:48px;color:#96a39c;font:8px 'DM Mono'}.channel-summary{display:flex;gap:20px;padding-top:11px;border-top:1px solid #edf0ec}.channel-summary span{display:flex;align-items:center;gap:5px;color:#718078;font-size:10px}.channel-summary b{color:#33483e}.channel-summary i{display:grid;place-items:center;width:15px;height:15px;border-radius:5px;color:#fff;font:700 10px Arial;font-style:normal}.ifood{background:#ed4e45}.web{background:#2870b6}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.team-card,.quick-card{padding:16px}.avatars{display:flex;align-items:center;margin-top:13px}.avatar{width:32px;height:32px;margin-right:-5px;border:2px solid var(--paper);font-size:9px}.a1{background:#e7b284;color:#6e4429}.a2{background:#92c8bb;color:#194d43}.a3{background:#e499a1;color:#703746}.a4{background:#dce8e0;color:#3e6455}.avatars p{margin-left:14px;color:#7d8b83;font-size:10px}.avatars p b{color:#3f544b}.quick-card>div{display:flex;gap:8px;margin-top:9px}.quick-card button{padding:7px 9px;border:1px solid #e6eae4;border-radius:7px;background:#fff;color:#5b6d64;font:700 10px Manrope;cursor:pointer}.quick-card button span{color:#168060;font-size:13px}.hidden{display:none!important}.alt-view{padding-top:1px}.data-hero{padding:26px;margin-top:4px;background:linear-gradient(110deg,#193f33 0%,#235443 68%,#2a6550 100%);color:#fff}.data-hero p{margin:0;color:#c0d9c9;font-size:11px}.data-hero strong{display:block;margin:6px 0;font-size:35px;letter-spacing:-2px}.data-hero .positive{color:#dff35b;font-size:11px}.bar-visual{display:flex;align-items:flex-end;gap:12px;height:65px;margin-top:18px}.bar-visual i{width:8%;border-radius:3px 3px 0 0;background:rgba(223,243,91,.27)}.bar-visual i:nth-child(1){height:35%}.bar-visual i:nth-child(2){height:56%}.bar-visual i:nth-child(3){height:44%}.bar-visual i:nth-child(4){height:78%}.bar-visual i:nth-child(5){height:63%}.bar-visual i:nth-child(6){height:92%;background:var(--lime)}.bar-visual i:nth-child(7){height:71%}.split-data{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.split-data article{padding:20px}.split-data h2{margin:5px 0 20px;font-size:16px}.channel-row{display:grid;grid-template-columns:100px 30px 1fr;align-items:center;gap:10px;margin:15px 0;color:#5b6e64;font-size:11px}.channel-row b{color:#1f352c;font-size:11px}.channel-row i{height:7px;border-radius:8px;background:#5bb28c}.rank-list{padding:0;margin:0;list-style:none}.rank-list li{display:grid;grid-template-columns:34px 1fr auto;padding:13px 0;border-top:1px solid #edf0ec;font-size:11px}.rank-list li span{color:#a3afa8;font-family:'DM Mono';font-size:10px}.rank-list b{color:#6c7d74;font-size:10px}.menu-health{display:flex;align-items:center;gap:20px;padding:22px}.health-ring{display:grid;place-content:center;width:90px;height:90px;border-radius:50%;background:conic-gradient(#3d9f78 92%,#e4ebe5 0);position:relative;text-align:center}.health-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fffefa}.health-ring b,.health-ring span{z-index:1}.health-ring b{font-size:25px;letter-spacing:-1px}.health-ring span{color:#7d8e84;font-size:9px}.menu-health h2{margin:0 0 5px;font-size:16px}.menu-health p{margin:0;color:#718077;font-size:11px}.menu-health button{margin-left:auto;border:0;background:transparent;color:#167053;font:800 11px Manrope;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.catalog-grid article{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fffefa}.food-art{display:block;height:93px;border-radius:8px}.coral{background:linear-gradient(135deg,#ef9676,#ffdbb9)}.yellow{background:linear-gradient(135deg,#f0c948,#f9edd0)}.catalog-grid h3{margin:11px 0 2px;font-size:13px}.catalog-grid p,.catalog-grid b{margin:0;color:#7b8982;font-size:10px}.catalog-grid b{display:block;margin-top:8px;color:#277154}.add-catalog{display:grid;place-content:center;min-height:166px;border-style:dashed!important;text-align:center;color:#759087}.add-catalog span{font-size:24px}.add-catalog b{color:#537166}.review-summary{display:flex;align-items:center;gap:42px;padding:23px}.review-summary>div:first-child{padding-right:42px;border-right:1px solid var(--line)}.review-summary strong{font-size:35px;letter-spacing:-2px}.review-summary span{display:block;color:#f2a928;font-size:11px}.review-summary p{margin:4px 0 0;color:#7e8c84;font-size:10px}.review-summary b{font-size:22px}.review-item{display:flex;align-items:center;gap:12px;padding:18px;margin-top:15px}.review-avatar{width:37px;height:37px;background:#d9c0e7;color:#5d3e6f}.review-item h3{margin:0;font-size:12px}.review-item h3 span{margin-left:5px;color:#eea833;font-size:10px}.review-item p{margin:5px 0;color:#5c7065;font-size:11px}.review-item small{color:#96a39c;font-size:9px}.review-item .resolve{margin-left:auto}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.finance-cards article{padding:18px}.finance-cards p{margin:0;color:#728077;font-size:11px}.finance-cards strong{display:block;margin:7px 0 2px;font-size:21px;letter-spacing:-1px}.finance-cards span{color:#98a49e;font-size:9px}.finance-alert{border-color:#f3d9a5!important;background:#fffdf7!important}.finance-alert strong{color:#bc7423}.ledger{padding:19px;margin-top:15px}.ledger>div{display:grid;grid-template-columns:1fr auto 75px;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.ledger>div:last-child{border-bottom:0}.ledger b{font-size:12px}.ledger em{color:#23805c;font-size:10px;font-style:normal}.task-tabs{display:flex;gap:7px;margin-bottom:15px}.task-tabs button{padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#687a71;font:700 11px Manrope}.task-tabs button.active{border-color:#215240;background:#e7f3e9;color:#1b6248}.task-tabs b{margin-left:4px;color:#1f895f}.task-list{border:1px solid var(--line);border-radius:12px;background:#fffefa;overflow:hidden}.task-list label{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line);cursor:pointer}.task-list label:last-child{border-bottom:0}.task-list input{display:none}.task-list label>span{width:18px;height:18px;border:1px solid #cfd8d1;border-radius:5px;background:#fff}.task-list input:checked+span{border-color:#278262;background:#278262;position:relative}.task-list input:checked+span:after{content:'✓';position:absolute;left:3px;top:-1px;color:#fff;font-size:12px}.task-list b{font-size:12px}.task-list p{margin:3px 0 0;color:#8a9790;font-size:10px}.task-list em{color:#7a8b82;font-size:10px;font-style:normal}.task-list em.urgent{color:#ca604d}.insights-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.insights-grid article{padding:20px;min-height:210px}.insight-feature{background:linear-gradient(140deg,#f5efd3,#e7f4e9)!important}.insights-grid article>span:first-child{font-size:19px;color:#398467}.insights-grid h2{margin:8px 0;font-size:20px;letter-spacing:-.8px}.insights-grid h3{margin:28px 0 8px;font-size:15px}.insights-grid p{color:#6c7c73;font-size:11px;line-height:1.6}.insights-grid .eyebrow{margin-top:7px}.insights-grid button{margin-top:10px;border:0;background:transparent;color:#167153;font:800 11px Manrope}.tag{display:inline-block;padding:4px 6px;border-radius:4px;background:#ebf3ed;color:#2b7758!important;font:700 8px 'DM Mono'!important}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,33,26,.42);z-index:10}.modal{position:relative;width:min(440px,100%);padding:28px;border-radius:16px;background:#fffefa;box-shadow:0 15px 55px rgba(9,33,23,.3)}.close-modal{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#809087;font-size:25px;cursor:pointer}.modal-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:16px;border-radius:11px;background:var(--lime);color:#325b3d}.modal h2{margin:6px 0;font-size:22px;letter-spacing:-1px}.modal>p:not(.eyebrow){margin:0 0 20px;color:#6a7b72;font-size:12px;line-height:1.6}.modal-options{display:grid;gap:8px}.modal-options button{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#385348;font:700 12px Manrope;text-align:left;cursor:pointer}.modal-options button span{color:#1b7354;font-size:17px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.main-panels{grid-template-columns:1fr}.sidebar{width:222px}.app-shell{grid-template-columns:222px minmax(0,1fr)}.content,.topbar{padding-left:28px;padding-right:28px}.sidebar-foot{display:none}}@media(max-width:720px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-shell main{width:100%}.topbar{height:82px;padding:0 18px}.mobile-menu{display:block;margin-right:10px;border:0;background:transparent;color:var(--ink);font-size:20px}.page-title{margin-right:auto}.page-title h1{font-size:17px}.top-actions .icon-btn{display:none}.new-action{padding:9px 11px}.content{padding:21px 18px 40px}.command-bar p{font-size:10px}.command-bar button{font-size:9px}.metric-grid,.split-data,.finance-cards,.insights-grid{grid-template-columns:1fr}.main-panels,.bottom-panels{grid-template-columns:1fr}.priority-list li{grid-template-columns:28px minmax(0,1fr)}.priority-list .resolve{grid-column:2;justify-self:start}.quick-card>div{flex-wrap:wrap}.catalog-grid{grid-template-columns:repeat(2,1fr)}.menu-health{align-items:start;flex-wrap:wrap}.menu-health button{margin:0}.review-summary{gap:16px}.review-summary>div:first-child{padding-right:16px}.review-summary strong{font-size:29px}.ledger>div{grid-template-columns:1fr auto}.ledger em{display:none}.section-heading{margin-top:24px}.section-heading h2{font-size:16px}.revenue-card{overflow:hidden}.chart-area{min-width:440px}.channel-summary{overflow:auto}.top-actions{gap:0}}