@charset "UTF-8";
:root{--ink:#182a24;--muted:#78857f;--green:#176b50;--mint:#e6f4ed;--line:#e6ebe8;--paper:#f4f7f6;--radius:16px;font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{min-width:0}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #66a8f9;outline-offset:3px}button{color:inherit}button svg{pointer-events:none}.icon{height:20px;width:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:9px;border:1px solid transparent;padding:10px 15px;font-size:12px;font-weight:650;line-height:1.35;white-space:nowrap;background:#fff;transition:background .15s,box-shadow .15s}.btn:hover{box-shadow:0 3px 9px #192e2310}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{background:#10573f}.btn-secondary{border-color:#dce4df;background:white}.btn-ghost{color:var(--green);background:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;flex-shrink:0}.icon-btn:hover{background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;color:var(--green);font-size:12px;font-weight:650}.text-link .icon{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#eaf6ef;color:var(--green);font-size:10px;font-weight:650;line-height:1.5;white-space:nowrap}.badge.amber{color:#996b22;background:#fff5df}.badge.gray{background:#f0f3f1;color:#6c7b73}.badge.red{background:#fff0ec;color:#b45740}.badge .icon{width:12px;height:12px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.input,select,textarea{display:block;width:100%;padding:11px 13px;min-height:44px;color:var(--ink);border:1px solid #dfe7e2;border-radius:9px;background:#fff;font-weight:400;font-size:13px}.field small{font-size:11px;color:var(--muted);font-weight:400}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 2px 2px #172e2302}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px 0}.card-head h2{font-size:15px;font-weight:650}.card-head p{font-size:11px;color:var(--muted);margin-top:3px}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:600;letter-spacing:.02em;color:#7e8983;background:#fafcfb}th,td{padding:14px 20px;border-bottom:1px solid #edf1ee}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}.num{text-align:right;font-variant-numeric:tabular-nums}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 21px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.empty-state{padding:50px 24px;text-align:center;color:var(--muted)}
/* Frame */
.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 16px 14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:31px}.brand-art{width:61px;height:47px;background:#153f32;border-radius:10px;position:relative;overflow:hidden;flex-shrink:0}.brand-art img{position:absolute;width:104px;max-width:none;left:-22px;top:-2px}.brand-name{font-size:20px;font-weight:720;letter-spacing:-.05em;line-height:1.2}.brand-name small{display:block;color:#849188;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-top:5px}.nav-label{font-size:9px;font-weight:650;letter-spacing:.13em;color:#9aa59f;padding:0 15px;margin:17px 0 8px}.side-nav{display:grid;gap:5px}.nav-item{min-height:45px;display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 15px;color:#707e76;font-size:12px;font-weight:550}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f7f9f8;color:var(--green)}.nav-item.active{background:#eaf5ef;color:#176b50;font-weight:700}.nav-item.active:after{content:"";width:5px;height:5px;background:var(--green);border-radius:100%;margin-left:auto}.nav-item .count{margin-left:auto;font-size:9px;background:#eef3f0;padding:2px 6px;border-radius:5px}.side-bottom{margin-top:auto;padding-top:55px}.help-card{background:#f5f8f6;border:1px solid #edf2ee;border-radius:12px;padding:15px;margin-bottom:18px}.help-card h3{font-size:12px;font-weight:650;margin-top:8px}.help-card p{font-size:10px;color:var(--muted);margin:6px 0 9px;line-height:1.7}.help-card .text-link{font-size:10px;min-height:30px}.help-card>.icon{color:var(--green);height:23px;width:23px}.profile-button{display:flex;align-items:center;gap:10px;padding:13px 6px 0;border:0;border-top:1px solid var(--line);background:white;width:100%;text-align:left;font-size:11px}.profile-button small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e6eee8;border:2px solid #fff;border-radius:50%;font-size:10px;font-weight:700;color:#466a56;flex-shrink:0}.profile-button>.icon{margin-left:auto;width:16px}.main-shell{margin-left:224px;min-height:100dvh}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:17px;padding:0 34px;position:sticky;top:0;z-index:30}.breadcrumb{font-size:11px;display:flex;gap:11px;align-items:center;white-space:nowrap}.breadcrumb>span{color:#8f9a94}.breadcrumb .icon{height:12px;width:12px;color:#bac3bd}.top-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.preview-tag{color:#74867c;font-size:10px;display:flex;align-items:center;gap:6px}.preview-tag i{height:6px;width:6px;border-radius:100%;background:#d5ac54}.top-divider{width:1px;height:22px;background:var(--line)}.notification{position:relative;border:0;background:transparent}.notification:after{content:"";position:absolute;top:8px;right:10px;height:5px;width:5px;border-radius:100%;background:#e5af59;border:2px solid white;box-sizing:content-box}.outlet-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;font-size:11px;font-weight:650;min-height:44px}.outlet-button>.icon:first-child{width:17px;color:var(--green)}.outlet-button>.icon:last-child{height:13px;width:13px;margin-left:7px}.outlet-button small{display:block;font-size:9px;color:var(--muted);font-weight:400}.menu-toggle{display:none}.dashboard-main{padding:31px 34px 23px;max-width:1710px;margin:auto;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:27px;line-height:1.3;font-weight:680}.page-heading p{font-size:12px;color:#839087;margin-top:7px}.page-heading-actions{display:flex;gap:9px;flex-shrink:0;align-items:center}.period-select{font-size:11px;padding-inline:12px}.period-select .icon{height:15px;width:15px}.period-select .icon:last-child{height:12px;width:12px;margin-left:9px}.period-mobile{display:none}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#98a29c;font-size:9px;padding-top:26px}.page-footer span:first-child{letter-spacing:.015em}.page-footer a{color:#6f8477}.mobile-scrim{display:none}
/* Overview */
.overview-intro{display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:12px;color:#839087}.overview-intro .icon{height:13px;width:13px;color:#c6943b}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric-card{padding:20px 21px 16px;position:relative;overflow:hidden;min-height:158px}.metric-top{display:flex;align-items:center;gap:9px;color:#738179;font-size:11px}.metric-symbol{display:flex;align-items:center;justify-content:center;height:29px;width:29px;border-radius:8px;background:#eff6f1;color:#578668}.metric-symbol .icon{width:16px;height:16px}.metric-top>.icon{width:12px;height:12px;color:#b0b9b3;margin-left:auto}.metric-value{font-size:26px;letter-spacing:-.05em;font-weight:680;line-height:1.35;margin:11px 0 12px;font-variant-numeric:tabular-nums}.metric-value small{font-size:14px;font-weight:500;letter-spacing:0;margin-right:4px;color:#819189}.metric-bottom{display:flex;gap:7px;align-items:center;font-size:9px;color:#98a29c}.metric-bottom .badge{font-size:9px;padding:3px 5px}.metric-card.hero-metric{background:#174f3e;color:#fff;border:0}.hero-metric .metric-top{color:#c1dacc}.hero-metric .metric-symbol{background:#ffffff14;color:#b4eacb}.hero-metric .metric-value small{color:#aacaba}.hero-metric .metric-bottom{color:#95bca9}.hero-metric .badge{background:#ffffff14;color:#b9f2d4}.hero-metric:after{content:"";position:absolute;right:-23px;top:18px;width:105px;height:105px;border:1px solid #ffffff0a;border-radius:50%;pointer-events:none}.analytics-row{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);gap:22px;margin-bottom:22px}.chart-controls{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fafcfb}.chart-controls button{border:0;background:transparent;padding:5px 10px;border-radius:5px;color:#8e9a92;font-size:9px;min-height:28px}.chart-controls button.active{background:#fff;box-shadow:0 1px 4px #182a2415;color:var(--green);font-weight:650}.chart-summary{display:flex;align-items:end;justify-content:space-between;margin:15px 25px 3px;gap:20px}.chart-summary strong{font-size:24px;letter-spacing:-.04em;font-weight:630}.chart-summary small{color:var(--muted);font-size:10px;display:block}.chart-key{display:flex;gap:17px;color:#91a096;font-size:9px}.chart-key span{display:flex;align-items:center;gap:6px}.chart-key i{width:15px;height:3px;background:#2c9270;border-radius:3px}.chart-key span:last-child i{background:#d3e2d9}.revenue-chart{padding:0 22px 0 17px}.revenue-chart svg{width:100%;display:block;height:auto;overflow:visible}.chart-grid{stroke:#edf1ee;stroke-width:1;stroke-dasharray:3 4}.chart-label{fill:#9ba89f;font-size:10px;font-family:inherit}.chart-path{fill:none;stroke:#22825f;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.comparison-path{fill:none;stroke:#c6dbce;stroke-width:1.5;stroke-dasharray:5 5}.chart-tooltip{filter:drop-shadow(0 4px 8px #182a2410)}.chart-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3f1;padding:13px 23px;color:#8c9a91;font-size:9px;gap:10px}.chart-caption .badge{font-size:9px}.payment-visual{display:flex;justify-content:center;position:relative;padding:20px 0 11px}.donut{width:164px;height:164px;border-radius:50%;background:conic-gradient(#236c51 0% 48%,#87b99d 48% 80%,#deba73 80% 95%,#e3eae4 95% 100%);transform:rotate(-90deg);position:relative;border:0}.donut:before{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}.donut-label{position:absolute;top:75px;text-align:center;line-height:1.35}.donut-label small{display:block;font-size:9px;color:var(--muted)}.donut-label strong{display:block;font-size:24px;font-weight:650;letter-spacing:-.04em;margin-top:3px}.payment-legend{padding:5px 23px 19px;display:grid;gap:10px}.payment-legend>div{display:flex;align-items:center;gap:7px;font-size:10px}.legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.payment-legend span:not(.legend-dot){color:#8d9991;margin-left:auto;margin-right:3px}.payment-legend strong{font-size:10px;font-weight:550;min-width:85px;text-align:right;font-variant-numeric:tabular-nums}.insight-strip{display:flex;align-items:center;gap:13px;padding:15px 20px;background:#eaf2ec;border:1px solid #dce9df;border-radius:12px;margin-bottom:22px;font-size:11px;line-height:1.6}.insight-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#d7e8d9;color:#407958;border-radius:9px;flex-shrink:0}.insight-strip p{color:#73867a}.insight-strip strong{font-weight:650;color:#3c614d}.insight-strip .text-link{margin-left:auto;font-size:10px;white-space:nowrap;min-height:30px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:22px}.table-card .card-head{padding-bottom:16px}.product-cell{display:flex;align-items:center;gap:11px;min-width:150px}.product-thumb{height:34px;width:34px;border-radius:8px;background:#f3e8da;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#967445}.product-thumb .icon{width:18px;height:18px}.product-thumb.t2{background:#e5efe3;color:#6c8a60}.product-thumb.t3{background:#f8eddc;color:#b08a53}.product-cell strong{font-size:11px;font-weight:600;display:block}.product-cell small{font-size:9px;color:#97a298}.rank{font-size:10px;color:#a5afa8;width:13px}.mini-bar{width:70px;height:4px;border-radius:4px;background:#ecf1ed;margin-top:6px;overflow:hidden}.mini-bar span{display:block;height:100%;background:#83b094;border-radius:4px}.order-channels{padding:24px}.channel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px}.channel-title span{color:#9ca79f;font-size:10px}.stacked-bar{height:14px;display:flex;gap:3px;border-radius:4px;overflow:hidden}.stacked-bar span:nth-child(1){background:#417e60;width:62%}.stacked-bar span:nth-child(2){background:#a6c7ae;width:28%}.stacked-bar span:nth-child(3){background:#e4bc76;width:10%}.channel-labels{display:flex;gap:18px;font-size:9px;color:#7e8c82;margin-top:11px}.channel-labels>span{display:flex;align-items:center;gap:5px}.hour-chart{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.hour-bars{display:flex;align-items:end;gap:6px;height:77px;border-bottom:1px solid #e7ede8;padding:0 1px}.hour-bars span{background:#dfece2;flex:1;border-radius:3px 3px 0 0;min-width:0}.hour-bars span.peak{background:#4e8866}.hour-labels{display:flex;justify-content:space-between;font-size:8px;color:#9ba69e;margin-top:7px}.peak-caption{font-size:9px;color:#839589;margin-top:12px;display:flex;gap:6px;align-items:center}.peak-caption .icon{height:12px;width:12px}.subtle-btn{border:0;background:transparent;padding:0;color:#9aa69d}
/* Reports, transactions */
.section-tabs{display:flex;gap:27px;overflow-x:auto;border-bottom:1px solid #e0e7e2;margin:0 0 22px}.section-tab{font-size:12px;color:#839188;min-height:44px;display:flex;align-items:center;gap:7px;white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:9px}.section-tab.active{font-weight:650;color:var(--green);border-bottom-color:var(--green)}.section-tab .icon{height:16px;width:16px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.report-card{padding:23px;display:block;transition:box-shadow .2s,border-color .2s}.report-card:hover{border-color:#b4cfbf;box-shadow:0 5px 18px #184e3310}.report-card .report-icon{height:43px;width:43px;display:flex;align-items:center;justify-content:center;background:#edf5ef;color:#558066;border-radius:11px;margin-bottom:23px}.report-card h2{font-size:15px;line-height:1.4}.report-card p{font-size:11px;color:#88958c;line-height:1.8;margin-top:8px;min-height:40px}.report-card .text-link{margin-top:17px;justify-content:space-between;width:100%;font-size:11px}.report-card:nth-child(2) .report-icon{background:#f8f2e6;color:#b39754}.report-card:nth-child(3) .report-icon{background:#eef1f6;color:#7c8ea4}.report-banner{margin-bottom:24px;border-radius:15px;background:#1c503e;color:white;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;overflow:hidden;position:relative}.report-banner .eyebrow{color:#9dc7b0;font-size:9px}.report-banner h2{font-size:24px;letter-spacing:-.04em;margin:8px 0}.report-banner p{color:#b8d0c0;font-size:11px;line-height:1.7}.report-banner .btn{background:#d7ebde;border:0;color:#275c43}.report-banner .icon{flex-shrink:0}.report-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;flex-wrap:wrap}.report-toolbar select{width:auto;min-width:130px;font-size:11px;min-height:40px}.search-field{display:flex;align-items:center;position:relative;min-width:0;max-width:330px;flex:1}.search-field>.icon{position:absolute;left:12px;width:16px;height:16px;color:#96a49a}.search-field input{padding-left:38px;font-size:11px;min-height:40px}.report-toolbar .badge{margin-left:auto}.transaction-id{font-size:11px;color:var(--green);font-weight:600;background:transparent;border:0;padding:7px 0}.txn-detail-list{display:grid;gap:12px;font-size:12px}.txn-detail-list>div{display:flex;justify-content:space-between;gap:16px}.txn-detail-list span{color:var(--muted)}.receipt-lines{border-block:1px dashed #ccd9cf;margin:20px 0;padding:15px 0;display:grid;gap:9px}.receipt-total{font-size:20px;font-weight:700}.profit-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.profit-report{padding:27px}.profit-report-title{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line)}.profit-report-title h2{font-size:18px}.profit-report-title p{font-size:11px;color:var(--muted);margin-top:7px}.profit-section{padding:19px 0;border-bottom:1px solid var(--line)}.profit-section h3{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#79907f;margin-bottom:15px}.profit-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:11px 0;font-variant-numeric:tabular-nums}.profit-line span{color:#7b8b80}.profit-line strong{font-weight:550}.profit-subtotal{display:flex;justify-content:space-between;font-weight:650;font-size:12px;padding-top:12px;margin-top:15px;border-top:1px dashed #e1e8e2}.profit-result{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf5ef;margin:20px -6px 0;border-radius:10px;padding:19px;color:#2b6849;font-size:12px;font-weight:600}.profit-result strong{font-size:24px;letter-spacing:-.045em}.profit-notes{padding:24px}.profit-notes h2{font-size:14px}.profit-notes p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.cost-bars{display:grid;gap:22px;margin-top:28px}.cost-bars>div>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:9px}.cost-track{display:block;height:7px;background:#eef3ef;border-radius:8px}.cost-track>i{display:block;height:100%;background:#74a984;border-radius:8px}.cost-bars>div:nth-child(2) .cost-track>i{background:#d9b477}.cost-bars>div:nth-child(3) .cost-track>i{background:#a3b7ac}.profit-note{padding:17px;background:#f9faf7;border-radius:10px;font-size:10px;line-height:1.8;color:#8a958a;margin-top:30px}.report-table-summary{padding:23px;display:flex;align-items:center;gap:30px}.report-table-summary strong{font-size:23px;font-weight:650;letter-spacing:-.03em}.report-table-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.download-choice{border:1px solid var(--line);border-radius:12px;background:white;padding:20px;text-align:left;display:flex;flex-direction:column;gap:10px}.download-choice.selected{background:#f0f7f2;border-color:#7ab293}.download-choice .icon{color:var(--green)}.download-choice strong{font-size:13px}.download-choice small{font-size:10px;color:var(--muted)}
/* Accessible overlay system */
body.modal-open{overflow:hidden}.modal-layer{position:fixed;inset:0;z-index:110;background:#142c245a;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{width:min(570px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #e7ece8;border-radius:19px;box-shadow:0 24px 90px #071e2833;min-width:0}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:25px 26px 19px;border-bottom:1px solid #edf1ee;flex-shrink:0}.modal-head h2{font-size:20px;line-height:1.35}.modal-head p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px}.modal-head .icon-btn{width:32px;height:32px;min-width:32px;border:0}.modal-body{padding:24px 26px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:17px 26px;border-top:1px solid #edf1ee;background:#fcfdfb;border-radius:0 0 19px 19px;flex-shrink:0}.modal-disclaimer{font-size:10px;color:#9aa69d;margin-top:18px;line-height:1.7}.toast-stack{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:150;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}.toast{padding:14px 21px;border-radius:12px;box-shadow:0 7px 22px #132b2833;background:#1c4e3b;color:white;display:flex;align-items:center;gap:10px;font-size:12px;animation:toast-in .2s ease;max-width:100%;margin-top:8px}.toast .icon{height:17px;width:17px;flex-shrink:0}.outlet-option{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);width:100%;border-radius:12px;background:white;text-align:left;margin-bottom:12px}.outlet-option.selected{border-color:#99bdaa;background:#f2f8f3}.outlet-option .icon{color:var(--green)}.outlet-option strong{display:block;font-size:13px}.outlet-option small{color:var(--muted);font-size:10px}.outlet-option .badge{margin-left:auto}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.preset-row .btn{font-size:11px}.search-results{display:grid;gap:7px;margin-top:15px}.search-result{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:9px;font-size:12px}.search-result:hover{background:var(--paper)}.search-result .icon{color:#769c83;width:18px;height:18px}.notification-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.notification-item .icon{color:#8aa696}.notification-item strong{font-size:12px}.notification-item p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.7}.notification-item small{font-size:9px;color:#9aaa9f}.notification-item:last-child{border:0}.pagination{display:flex;gap:5px}.pagination button{width:29px;height:29px;border:1px solid var(--line);border-radius:6px;background:white;font-size:10px}.pagination button.active{color:var(--green);border-color:#bcd6c7;background:#eff7f2}.pagination .icon{width:12px;height:12px}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.dashboard-main{padding-top:39px}.metric-card{min-height:170px}.analytics-row{grid-template-columns:2fr 1fr}.payment-visual{padding-top:38px}.payment-legend{padding-top:13px}.donut-label{top:92px}}
@media(max-width:1250px){.sidebar{width:202px;padding-inline:12px}.main-shell{margin-left:202px}.topbar{padding-inline:25px}.dashboard-main{padding:27px 25px}.metric-card{padding:17px}.metric-value{font-size:22px}.metric-bottom{font-size:8px;gap:5px}.metric-grid{gap:12px}.analytics-row,.bottom-grid{gap:17px}.analytics-row{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.card-head{padding:20px 20px 0}.chart-summary{margin-inline:20px}.payment-legend{padding-inline:20px}.page-heading h1{font-size:25px}.page-heading-actions{gap:6px}.top-actions{gap:13px}.period-select{font-size:10px}.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}th,td{padding-inline:17px}.report-grid{gap:13px}.report-card{padding:20px}.chart-key{gap:10px;font-size:8px}.donut{height:146px;width:146px}.donut-label{top:65px}.payment-legend{gap:8px}.card-head h2{font-size:14px}}
@media(max-width:1080px){.sidebar{width:184px;padding-inline:10px}.main-shell{margin-left:184px}.brand{padding-inline:6px;gap:9px}.brand-name{font-size:18px}.brand-art{width:53px}.brand-art img{left:-26px}.nav-item{padding-inline:12px;font-size:11px;gap:10px}.topbar{padding-inline:22px}.dashboard-main{padding:25px 22px}.page-heading{align-items:flex-start;gap:12px}.page-heading-actions{flex-wrap:wrap;justify-content:end}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{min-height:148px;padding:19px 21px}.metric-value{font-size:28px;margin-top:8px;margin-bottom:8px}.metric-bottom{font-size:9px}.analytics-row{grid-template-columns:minmax(0,1fr);gap:18px}.payment-card{display:grid;grid-template-columns:1fr 1fr}.payment-card .card-head{grid-column:1/-1}.payment-visual{padding:16px 0 22px}.payment-legend{padding:20px 25px 24px 0;align-content:center;gap:14px}.donut{width:146px;height:146px}.donut-label{top:62px}.bottom-grid{grid-template-columns:1fr}.order-channels{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.hour-chart{margin:0;border:0;padding:0}.hour-bars{height:65px}.channel-labels{flex-wrap:wrap;gap:11px}.chart-key{font-size:9px}.preview-tag{font-size:9px}.top-divider{display:none}.top-actions{gap:9px}.breadcrumb>span:first-child{display:none}.breadcrumb>.icon{display:none}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-layout{grid-template-columns:1fr}.profit-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.profit-notes h2{grid-column:1/-1}.profit-notes .cost-bars{grid-row:2/4;grid-column:2;margin-top:17px}.profit-note{margin-top:15px}.page-heading p{max-width:290px;line-height:1.7}.revenue-chart svg{max-height:275px}.profit-layout .profit-report{order:0}.profit-result strong{font-size:26px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px;box-shadow:10px 0 50px #14332210}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-scrim{display:block;position:fixed;inset:0;background:#17312566;z-index:45;border:0;width:100%;height:100%}.main-shell{margin-left:0}.menu-toggle{display:flex;min-height:40px}.topbar{height:68px;padding-inline:22px;gap:14px}.breadcrumb{font-size:12px}.top-actions{gap:8px}.top-actions>.icon-btn{width:34px}.preview-tag{font-size:9px}.topbar .avatar{display:none}.dashboard-main{padding:25px 24px}.brand{padding-inline:12px}.brand-art{width:61px}.brand-art img{left:-22px}.nav-item{font-size:13px;min-height:47px}.brand-name{font-size:20px}.help-card p{font-size:11px}.sidebar .profile-button{padding-bottom:7px}.report-banner{padding:23px}.card-head h2{font-size:15px}.metric-card{min-height:155px}.revenue-chart svg{max-height:none}.page-heading h1{font-size:26px}.chart-caption{font-size:10px}.chart-controls button{font-size:10px;min-height:32px}.page-heading-actions .btn{min-height:43px}.page-footer{font-size:9px}}
@media(max-width:560px){.topbar{height:65px;padding-inline:16px;gap:11px}.topbar .breadcrumb{display:none}.top-actions{margin-left:auto;gap:9px}.preview-tag{display:none}.top-actions .search-button{display:none}.outlet-button{font-size:11px;gap:7px}.outlet-button small{font-size:9px}.top-actions .notification{width:34px}.outlet-button>.icon:last-child{margin-left:2px}.dashboard-main{padding:23px 17px}.page-heading{display:block;margin-bottom:21px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;max-width:none;line-height:1.7;margin-top:6px}.page-heading-actions{display:flex;flex-wrap:nowrap;justify-content:start;gap:9px;margin-top:18px}.page-heading-actions>.btn{font-size:11px;min-height:42px;padding:10px 12px}.period-select{flex:1;justify-content:space-between}.period-select .icon:last-child{margin-left:auto}.period-full{display:none}.period-mobile{display:inline}.overview-intro{font-size:9px;margin-bottom:10px}.metric-grid{gap:11px;margin-bottom:17px}.metric-card{padding:14px 14px 13px;min-height:155px;border-radius:13px}.metric-top{font-size:9px;gap:6px}.metric-symbol{height:24px;width:24px;border-radius:7px}.metric-symbol .icon{height:13px;width:13px}.metric-top>.icon{display:none}.metric-value{font-size:23px;margin:13px 0 10px;letter-spacing:-.05em;white-space:nowrap}.metric-value small{display:block;font-size:9px;line-height:1.2;margin-bottom:3px;font-weight:500}.metric-bottom{font-size:8px;flex-wrap:wrap;gap:5px}.metric-bottom .badge{font-size:8px}.metric-bottom>span:last-child{font-size:7px}.analytics-row{gap:17px;margin-bottom:17px}.card-head{padding:19px 18px 0}.card-head h2{font-size:14px}.card-head p{font-size:10px}.card{border-radius:13px}.chart-controls button{font-size:9px;min-height:30px;padding:4px 8px}.chart-summary{margin:14px 18px 9px;align-items:start;gap:12px}.chart-summary strong{font-size:23px}.chart-summary small{font-size:9px}.chart-key{flex-direction:column;gap:5px;font-size:8px;padding-top:4px}.revenue-chart{padding:0 14px 0 8px;overflow:hidden}.revenue-chart svg{min-height:184px;max-height:215px}.chart-label{font-size:11px}.chart-caption{font-size:8px;padding:12px 17px;line-height:1.6}.chart-caption .badge{font-size:8px}.payment-card{grid-template-columns:145px 1fr}.payment-visual{padding:20px 0 24px}.donut{width:118px;height:118px}.donut:before{inset:18px}.donut-label{top:59px}.donut-label small{font-size:8px}.donut-label strong{font-size:21px}.payment-legend{padding:19px 16px 19px 0;gap:10px}.payment-legend>div{font-size:9px;gap:5px;flex-wrap:wrap}.payment-legend span:not(.legend-dot){margin-right:0;font-size:8px}.payment-legend strong{min-width:0;width:100%;padding-left:12px;font-size:9px;text-align:left}.legend-dot{height:6px;width:6px}.insight-strip{padding:14px;align-items:start;font-size:10px;gap:11px;margin-bottom:17px;flex-wrap:wrap}.insight-icon{width:29px;height:29px;border-radius:8px}.insight-icon .icon{height:16px;width:16px}.insight-strip>div:nth-child(2){flex:1}.insight-strip .text-link{margin-left:40px;font-size:10px;min-height:25px}.bottom-grid{gap:17px}.card-head .text-link{font-size:10px;min-height:30px;white-space:nowrap}.table-card th,.table-card td{padding:13px 16px}.table-card table{font-size:11px}.product-cell{gap:8px;min-width:150px}.product-cell strong{font-size:10px}.product-cell small{font-size:8px}.product-thumb{height:31px;width:31px}.rank{display:none}.order-channels{padding:21px 18px;display:block}.hour-chart{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.channel-labels{font-size:9px}.hour-bars{height:72px}.page-footer{font-size:8px;line-height:1.6;padding-top:22px}.page-footer>span:last-child{text-align:right}.report-grid{grid-template-columns:1fr;gap:13px}.report-card{padding:21px;display:grid;grid-template-columns:42px 1fr;gap:0 16px}.report-card .report-icon{grid-row:1/3;margin:0}.report-card h2{font-size:15px}.report-card p{min-height:0;font-size:11px}.report-card .text-link{grid-column:2;margin-top:12px;font-size:10px;min-height:26px}.report-banner{display:block;padding:22px}.report-banner h2{font-size:24px;margin:9px 0}.report-banner p{font-size:11px}.report-banner .btn{margin-top:18px;font-size:11px}.section-tabs{gap:22px;margin-bottom:20px}.section-tab{font-size:11px}.report-toolbar{padding:15px;gap:9px}.report-toolbar .search-field{flex:1 1 100%;max-width:none}.report-toolbar select{flex:1;min-width:0;font-size:10px}.report-toolbar>.badge{font-size:9px}.table-footer{padding:13px 15px;font-size:9px;gap:9px}.profit-report{padding:21px 18px}.profit-report-title h2{font-size:17px}.profit-report-title p{font-size:10px}.profit-report-title .badge{font-size:8px}.profit-line{font-size:11px;margin:12px 0}.profit-subtotal{font-size:11px}.profit-result{padding:17px 13px;font-size:10px;margin-inline:-3px;gap:10px}.profit-result strong{font-size:23px}.profit-notes{display:block;padding:22px}.profit-notes .cost-bars{margin-top:20px}.profit-note{margin-top:22px}.report-table-summary{padding:20px;gap:25px}.report-table-summary strong{font-size:21px}.modal-layer{padding:16px}.modal-panel{max-height:calc(100dvh - 32px);border-radius:16px}.modal-head{padding:21px 19px 16px}.modal-head h2{font-size:19px}.modal-head p{font-size:10px}.modal-body{padding:20px 19px}.modal-footer{padding:14px 19px;position:relative}.modal-footer .btn{font-size:11px;min-height:43px;flex:1}.modal-disclaimer{font-size:9px}.download-choice{padding:17px}.download-choice strong{font-size:12px}.download-choice small{font-size:9px}.toast{font-size:11px;padding:13px 16px}.form-two{gap:12px}.form-two .input{font-size:12px}.outlet-option{padding:14px;gap:10px}.outlet-option .badge{font-size:8px}.outlet-option strong{font-size:12px}.outlet-option small{font-size:9px}}
@media(max-width:360px){.dashboard-main{padding-inline:13px}.metric-card{padding-inline:12px}.metric-value{font-size:21px}.metric-top{font-size:8px}.page-heading-actions>.btn{font-size:10px;padding-inline:10px}.payment-card{grid-template-columns:130px 1fr}.payment-legend{padding-right:13px}.report-toolbar>.badge{display:none}.card-head{padding-inline:15px}.chart-key{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.page-heading-actions,.page-footer,.mobile-scrim,.toast-stack,.modal-layer,.section-tabs{display:none!important}.main-shell{margin:0}.dashboard-main{padding:15px}.card{break-inside:avoid;box-shadow:none}.metric-grid{grid-template-columns:repeat(4,1fr)}.card,.metric-card.hero-metric{background:white!important;color:#14281d!important}.metric-value small,.metric-bottom,.metric-top{color:#555!important}body{background:white}.card{border-color:#bbb}}
.preview-mobile{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.chart-caption>.icon{width:13px;height:13px}.chart-caption>span>.icon{width:13px;height:13px;margin-right:4px}@media(max-width:560px){.preview-mobile{display:flex;align-items:center;gap:6px;color:#9aab9f;font-size:8px;letter-spacing:.08em;margin-bottom:17px}.preview-mobile i{height:5px;width:5px;background:#c7a560;border-radius:50%}.page-heading-actions .period-select{white-space:normal;text-align:left}}
.help-card .text-link{border:0;padding:0;background:transparent}.sidebar:not(:focus-within){outline:none}@media(max-width:560px){.metric-top{font-size:10px}.metric-bottom{font-size:9px}.metric-bottom>span:last-child{font-size:8px}.metric-card{min-height:160px}.metric-bottom .badge{font-size:9px}.chart-label{font-size:18px}.chart-tooltip{display:none}.revenue-chart svg{min-height:145px}.preview-mobile{font-size:9px;color:#829288}.page-heading p{font-size:12px}.card-head p{font-size:11px}.payment-legend>div{font-size:10px}.payment-legend strong{font-size:10px}.payment-legend span:not(.legend-dot){font-size:9px}.chart-caption{font-size:9px}}
.page-footer a{display:inline-flex;align-items:center;min-height:32px;white-space:nowrap}.page-footer>span:last-child{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px}@media(max-width:800px){body.menu-open{overflow:hidden}}@media(max-width:560px){.form-two{grid-template-columns:1fr}.page-footer{flex-wrap:wrap}.page-footer>span:last-child{justify-content:flex-start}.page-footer a{font-size:10px;min-height:44px}}
.table-wrap{position:relative}
:root{--muted:#64756b}.page-heading p,.card-head p,.chart-summary small,.product-cell small,.chart-caption,.page-footer,.report-card p,.report-table-summary small{color:#6d7f72}.metric-top{color:#66786c}.hero-metric .metric-top{color:#c1dacc}.metric-bottom{color:#7a8b80}.hero-metric .metric-bottom{color:#b0cebd}.chart-key{color:#738578}.payment-legend span:not(.legend-dot){color:#708176}.section-tab{color:#697d70}.section-tab.active{color:var(--green)}.topbar .preview-tag{color:#697c6e}

/* Outlet context comes before all page navigation. */
.outlet-picker-sidebar{margin:5px 4px 21px;padding:14px 10px;background:#f1f6f3;border:1px solid #d6e2da;border-radius:12px}
.outlet-picker-label{display:block;font-size:10px;font-weight:750;letter-spacing:.09em;color:#111827;margin-bottom:8px}
.outlet-picker-button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;min-height:44px;border:0;background:transparent;padding:0;color:#101814}
.outlet-picker-button>span{flex:1;min-width:0}.outlet-picker-button strong{display:block;font-size:12px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}
.outlet-picker-button small{display:block;font-size:10px;line-height:1.5;margin-top:3px;font-weight:550;color:#101814}
.outlet-picker-button>.icon{width:18px;height:18px;flex-shrink:0}.outlet-picker-button>.icon:last-child{width:13px;height:13px}
.outlet-picker-mobile{display:none}.export-outlet{margin-top:17px;font-size:12px;color:#101814}
.breadcrumb{min-width:0;white-space:normal}.breadcrumb>span{max-width:180px}.top-actions{flex-shrink:0}
.outlet-option>span:nth-child(2){min-width:0;flex:1}.outlet-option strong{overflow-wrap:anywhere}
@media(max-width:1080px){.outlet-picker-sidebar{padding:11px 8px;margin-inline:0}.outlet-picker-sidebar .outlet-picker-button{gap:6px}.outlet-picker-sidebar .outlet-picker-button>.icon:first-child{display:none}}
@media(max-width:800px){.topbar .breadcrumb{display:none}.outlet-picker-mobile{display:block;min-width:0;flex:1;max-width:310px}.outlet-picker-mobile .outlet-picker-label{font-size:9px;margin-bottom:1px;letter-spacing:.08em}.outlet-picker-mobile .outlet-picker-button{min-height:30px;gap:7px}.outlet-picker-mobile .outlet-picker-button strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outlet-picker-mobile .outlet-picker-button small{display:none}.outlet-picker-mobile .outlet-picker-button>.icon:last-child{margin-left:auto}.topbar{height:76px}.topbar .preview-tag{display:none}.outlet-picker-sidebar .outlet-picker-button>.icon:first-child{display:block}}
@media(max-width:560px){.topbar{gap:10px;padding-inline:14px}.topbar .menu-toggle{width:34px;padding:5px;flex-shrink:0}.top-actions{gap:0}.outlet-picker-mobile .outlet-picker-button strong{font-size:12px}.outlet-picker-mobile .outlet-picker-button>.icon:first-child{width:16px;height:16px}.outlet-picker-sidebar{margin-bottom:15px}}
