@font-face{font-family:Urbanist;src:url('/fonts/urbanist/Urbanist.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#111113;--muted:#77777f;--green:#111113;--deep:#000;--lime:#d7fe03;--bg:#f5f5f8;--line:#e8e8ed;--olive:#83af3b;font-family:Urbanist,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
body{font-size:14px;background:var(--bg);font-weight:500}h1,h2,h3{font-weight:600;letter-spacing:-.7px}h1{font-size:30px;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#83838b}.muted{color:var(--muted)}.status-dot{background:var(--olive)}.button{font-size:14px;min-height:44px;border-radius:30px;padding:10px 20px;gap:12px;font-weight:600}.button.primary{background:#111113;color:#fff}.button.primary:hover{background:#303033}.button.secondary{background:#fff;border-color:var(--line);color:#111113}.button.secondary:hover{background:#eeeef2}.button .ui-icon{width:17px;height:17px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #648525;outline-offset:4px}.alert.info{background:#f1f6df;color:#455825;border-color:#e3ebcb}.alert.success{background:#ecf5d9;color:#3d541a}.field input{background:#fafafb;border-color:#e5e5eb;border-radius:12px;color:#111113;font-size:14px}.field input:focus{border-color:#83974f}.field label{font-size:14px}.field input::placeholder{color:#93939b}.password-toggle{color:#77777f}.password-toggle:hover{background:#ececf1}.login-page{background:#f5f5f8}.login-panel{width:min(450px,100%)}.login-card{padding:36px;background:white;border:0;border-radius:24px;box-shadow:0 8px 40px #16162805}.login-card .eyebrow{display:inline-block;border-radius:7px;padding:6px 9px;color:#111113;background:#d7fe03;font-weight:700;letter-spacing:1px;margin-bottom:22px}.login-card h2{font-size:32px;font-weight:500;letter-spacing:-1px}.login-panel .button{border-radius:12px;background:#d7fe03;color:#111113;min-height:49px}.login-panel .button:hover{background:#c7ed00}.login-panel input{border-radius:10px}.login-help span{color:#414148}.login-subtitle{font-size:14px}.form-surface{border:0;border-radius:20px}.surface,.empty-state{border-color:var(--line);border-radius:18px!important}.empty-icon,.module-icon{background:#f3f3f7;color:#111113}.empty-state .eyebrow{color:#77777f}.account-strip{background:#fff;border-color:var(--line);border-radius:16px}.account-strip-icon,.text-link{color:#111113}.workspace-footer{color:#77777f}.module-card{border:0!important;border-radius:16px!important;box-shadow:none;min-height:94px}.module-card:hover{background:#f0f0f4;transform:none}.module-arrow,.module-card-content>span{color:#7e7e88}.module-card-content strong{font-size:14px}.module-icon{background:#f0f0f4}.account-strip h2{font-weight:600}.pill{background:#eff5de;color:#4c6426;border-color:#e1e9ce}
/* The existing menu hierarchy stays intact. */
.topbar{background:#fff;border-bottom:1px solid #ededf1;min-height:90px}.app-menu .main-menu-item{color:#777780;border-radius:12px;font-weight:600}.main-menu-item svg{color:#8d8d97;stroke-width:1.6}.app-menu .main-menu-item:hover,.menu-group[open]>.main-menu-item,.app-menu .main-menu-item.active{background:#f0f0f4;color:#111113}.main-menu-item:hover svg,.menu-group[open]>summary svg{color:#111113}.menu-group[open]>.main-menu-item{box-shadow:inset 0 -3px #d7fe03}.menu-dropdown{background:#fff;border-color:#ebebf0;border-radius:18px;box-shadow:0 12px 35px #1b1b3012;padding:12px}.menu-dropdown .menu-option{border-radius:10px}.menu-option:hover,.menu-dropdown .nav-link.active{background:#f4f4f7}.menu-option:hover .option-icon{color:#628126}.option-icon{color:#111113}.option-copy strong{color:#222229;font-size:14px;font-weight:600}.option-copy small{color:#85858e;font-size:13px}.menu-section-title{color:#7d7d87;font-size:12px;letter-spacing:.2px}.avatar{background:#111113;color:#d7fe03;border-radius:50%;font-weight:500}.user-dropdown{border-color:#ebebf0;border-radius:16px}.user-dropdown a:hover,.user-dropdown button:hover{background:#f5f5f8}.shop-label{border-color:#e9e9ef;background:#fafafb;border-radius:20px;color:#575760;padding:8px 12px;font-size:13px}.shop-label .status-dot{background:#83af3b}.user-dropdown button{color:#a94444}.main-content{max-width:1680px;padding:32px 32px 24px}.icon-button{border-radius:50%;border-color:#e8e8ed;color:#111113}.nav-dot{background:#a8a8b0}.nav-link.active{color:#111113;background:#f0f0f4}.loading-feedback>.loading-label{font-family:inherit}a.is-loading>.loading-feedback{background:#83af3b}a.is-loading>.loading-feedback>.loading-label{background:#111113;color:#fff;border:0;border-radius:12px;box-shadow:0 6px 25px #11111320}
/* Dashboard */
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.heading-greeting{display:flex;align-items:center;gap:15px;min-width:0}.greeting-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #e0e0e7;border-radius:50%;transform:rotate(180deg);color:#777780}.greeting-mark .ui-icon{width:16px;height:16px}.heading-greeting h1{font-size:30px;font-weight:500;line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}.heading-greeting .eyebrow{font-size:12px;margin:0 0 9px}.heading-greeting p{font-size:13px}.separator{padding:0 7px;color:#b2b2ba}.dashboard-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dashboard-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#7e7e87}.dashboard-filters input,.dashboard-filters select{font:inherit;font-family:Urbanist,"Segoe UI",sans-serif;font-size:13px;font-weight:600;color:#303038;min-height:41px;border:1px solid #e6e6ed;background:#fff;border-radius:25px;padding:9px 12px;max-width:160px;min-width:0}.dashboard-filters .button{min-height:41px;padding:9px 17px;font-size:13px}.metric-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;margin-bottom:20px}.metric-card{position:relative;min-height:210px;background:#fff;border-radius:20px;padding:23px;overflow:hidden;display:flex;flex-direction:column}.metric-dark{background:#000;color:#fff}.metric-lime{background:#d7fe03;color:#111113}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:500;color:#64646d}.metric-dark .metric-top{color:#bbb}.metric-lime .metric-top{color:#354000}.round-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #ececf1;border-radius:50%;color:#8c8c95;flex-shrink:0}.round-icon .ui-icon{width:14px;height:14px}.metric-dark .round-icon{border-color:#303033;color:#aaa}.metric-lime .round-icon{border-color:#bcd900;color:#333b00}.metric-value{font-size:clamp(22px,2.25vw,36px);letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2;margin:25px 0 15px;overflow-wrap:anywhere}.metric-value small{font-size:13px;color:#99999f;letter-spacing:0;margin-left:7px;font-weight:500}.metric-bottom{font-size:12px;color:#94949b;display:flex;align-items:center;gap:7px;line-height:1.5}.metric-dark .metric-bottom{color:#aaa}.metric-lime .metric-bottom{color:#5d6b00}.change-chip{color:#d7fe03;white-space:nowrap}.metric-tag{font-size:12px;color:#7e7e87;margin-top:auto;padding-top:18px}.metric-lime .metric-tag{color:#5d6b00}.balance-decoration{display:flex;align-items:center;gap:4px;margin-top:23px;height:12px;transform:skew(-25deg)}.balance-decoration i{display:block;width:9%;height:10px;background:#252527}.balance-decoration i:nth-child(-n+7){background:#d7fe03}.balance-decoration i:nth-child(7){box-shadow:0 0 18px #d7fe0355}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:20px;margin-bottom:20px}.dash-panel{padding:25px;background:#fff;border-radius:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.panel-heading h2{font-size:16px;font-weight:600;letter-spacing:-.3px}.panel-heading p{font-size:12px;color:#92929a;margin-top:6px}.panel-badge{display:flex;align-items:center;gap:7px;border:1px solid #e8e8ee;border-radius:25px;padding:7px 12px;font-size:12px;color:#62626d}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-summary{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.chart-summary strong{font-size:29px;font-weight:500;letter-spacing:-.8px}.chart-summary>span{font-size:12px;color:#a0a0a7}.line-chart{display:flex;gap:8px;height:210px;margin-top:20px;align-items:stretch}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding:28px 0 27px;font-size:12px;color:#a0a0a7;min-width:50px}.sales-chart{display:block;width:100%;min-width:0;overflow:visible}.chart-grid{fill:none;stroke:#eeeeF3;stroke-width:1;stroke-dasharray:3 5}.chart-area{fill:url(#sales-fill)}.chart-line{fill:none;stroke:#222227;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-point{fill:#fff;stroke:#83af3b;stroke-width:1.7;opacity:0;cursor:crosshair}.chart-point:hover,.chart-point:focus,.chart-point.inspected{opacity:1;outline:none;fill:#d7fe03;stroke:#111}.chart-axis{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-left:58px;color:#9a9aa3;font-size:12px;margin-top:3px}.chart-readout{font-size:12px;color:#696974;text-align:center}.chart-data{margin-top:19px;border-top:1px solid #f0f0f4;padding-top:12px}.chart-data summary{font-size:12px;color:#8b8b95;cursor:pointer}.chart-data .table-scroll{margin-top:12px;max-height:240px}.donut-wrap{position:relative;width:190px;height:190px;margin:3px auto 18px}.donut-chart{display:block;width:100%;height:100%;overflow:visible}.donut-track{fill:none;stroke:#f0f0f5;stroke-width:22}.donut-segment{fill:none;stroke-width:22;transition:stroke-width .15s;cursor:default}.donut-segment:hover,.donut-segment:focus{stroke-width:28;outline:none}.color-0{stroke:#d7fe03;background:#d7fe03}.color-1{stroke:#111113;background:#111113}.color-2{stroke:#83af3b;background:#83af3b}.color-3{stroke:#b8bec7;background:#b8bec7}.color-4{stroke:#e0e3cd;background:#e0e3cd}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center>span{font-size:12px;color:#a0a0a7}.donut-center strong{font-size:31px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.donut-center small{font-size:12px;color:#a0a0a7}.legend-row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.legend-row strong{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.legend-share{font-size:12px;color:#9999a2;margin-left:auto}.payment-legend>p{text-align:center;font-size:13px;margin:20px 0}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:20px}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:12px;color:#9a9aa3;font-weight:500;white-space:nowrap;padding:0 12px 15px;border-bottom:1px solid #eeeeF3}td{padding:13px 12px;border-bottom:1px solid #f3f3f6;color:#5b5b66;white-space:nowrap}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}tbody tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums;color:#303039}.transaction-type{display:inline-block;padding:5px 9px;border-radius:6px;background:#f3f3f7;color:#44444f;font-size:12px}.date-cell{font-size:12px}.date-cell small{display:block;color:#a0a0a9;font-size:12px;margin-top:3px}.account-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis}.order-cell{font-size:12px;font-variant-numeric:tabular-nums}.empty-table{text-align:center;padding:50px 10px!important;color:#9696a0}.brand-row{margin:24px 0}.brand-row>div{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px}.brand-rank{color:#b2b2ba;font-size:12px}.brand-row strong{font-size:13px;font-weight:500}.brand-row>div>span:last-child{margin-left:auto;color:#80808c;font-size:12px}.brand-row svg{width:100%;height:6px;display:block}.brand-track{fill:#f0f0f4}.brand-fill{fill:#d7fe03}.brand-row:nth-of-type(2) .brand-fill{fill:#111113}.empty-chart{padding:50px 15px;color:#9a9aa4;text-align:center;font-size:13px}.empty-chart .ui-icon{width:28px;height:28px;margin-bottom:15px}.dashboard-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#a0a0a9;margin-top:20px;padding:4px}.dashboard-note>span:last-child{margin-left:auto}.dashboard-unavailable{padding:80px 20px}.dashboard-unavailable>.ui-icon{margin-bottom:20px}
@media(min-width:1600px){.main-content{padding:38px 48px}.dashboard-charts,.dashboard-bottom{grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr)}.metric-card{min-height:224px}.line-chart{height:240px}.donut-wrap{width:205px;height:205px}}
@media(max-width:1199px){.dashboard-heading{align-items:flex-start;flex-direction:column;gap:22px}.dashboard-filters{justify-content:flex-start;width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:30px}.metric-card{min-height:190px}.dashboard-charts,.dashboard-bottom{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.main-content{padding:25px}.dash-panel{padding:22px}.greeting-mark{display:none}.metric-grid{gap:14px}}
@media(max-width:999px){.topbar{min-height:60px}.app-menu.sidebar{background:#fff;border-color:#e8e8ed}.menu-dropdown{border-radius:0;box-shadow:none}.menu-group[open]>.main-menu-item{box-shadow:none;background:#f0f0f4}.menu-dropdown .menu-option.active{background:#f5f6e7}.main-content{padding:24px 18px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-charts{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.brands-panel{display:block}.brand-row{margin:22px 0}.shop-label{font-size:12px}}
@media(max-width:699px){.dashboard-heading{margin-bottom:20px}.heading-greeting h1{font-size:26px}.dashboard-filters{gap:8px;display:grid;grid-template-columns:1fr 1fr}.dashboard-filters label{min-width:0}.dashboard-filters input,.dashboard-filters select{width:100%;max-width:none;min-width:0;font-size:13px}.dashboard-filters .button{align-self:end}.metric-grid{gap:10px;margin-bottom:14px}.metric-card{padding:17px;min-height:170px;border-radius:16px}.metric-top{font-size:12px;align-items:flex-start}.metric-top .round-icon{width:24px;height:24px}.metric-value{font-size:clamp(19px,5.2vw,28px);letter-spacing:-.7px;margin:20px 0 12px}.metric-bottom{font-size:12px;flex-wrap:wrap;gap:3px}.metric-tag{font-size:12px;padding-top:14px}.metric-value small{display:block;font-size:12px;margin:5px 0 0}.balance-decoration{margin-top:auto;padding-top:12px;height:22px}.dashboard-charts{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.dashboard-bottom{gap:14px}.dash-panel{padding:21px 18px;border-radius:18px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px}.line-chart{height:180px;gap:3px}.chart-scale{min-width:38px;font-size:12px}.chart-summary strong{font-size:26px}.chart-axis{padding-left:41px;flex-wrap:wrap}.chart-readout{order:3;width:100%;padding-top:8px}.donut-wrap{width:180px;height:180px}.legend-row{font-size:13px;padding:9px 0}.dashboard-note{font-size:12px;flex-wrap:wrap}.dashboard-note>span:last-child{margin-left:14px}.login-card{padding:28px}.chart-data summary{font-size:12px}.module-card{border-radius:14px!important}.module-card-content strong{font-size:13px}.account-strip .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.donut-segment{transition:none}}


/* Comfortable reading sizes across desktop and mobile. */
body{font-size:15px;line-height:1.6}
.app-menu .main-menu-item,.app-menu .menu-group>.main-menu-item{font-size:14px;font-weight:600;line-height:1.3}
.app-menu .main-menu-item{min-height:74px;padding:9px 8px}.topbar{min-height:98px}
.option-copy strong{font-size:15px}.option-copy small,.menu-section-title{font-size:13px;line-height:1.5}
.menu-dropdown{min-width:330px}.menu-dropdown.invoice-menu{grid-template-columns:minmax(0,1fr)}
.button,.dashboard-filters .button,.user-menu summary,.user-dropdown a,.user-dropdown button{font-size:14px}
.field label,.field input,.field input::placeholder{font-size:15px}.password-toggle{font-size:13px}.login-subtitle{font-size:15px}.login-help,.field-hint,.field-error{font-size:13px}
.shop-label{font-size:13px}.heading-greeting p{font-size:14px}.heading-greeting h1{font-size:32px}
.dashboard-filters label{font-size:13px}.dashboard-filters input,.dashboard-filters select{font-size:14px;min-height:44px;max-width:185px}.dashboard-filters .button{min-height:44px}
.panel-heading h2,.section-heading h2{font-size:20px}.panel-heading p{font-size:13px;color:#767680}
.metric-top{font-size:15px}.metric-bottom,.metric-tag{font-size:13px;line-height:1.6}.metric-value small{font-size:13px}.metric-card{min-height:225px}
.metric-dark .metric-bottom{color:#bdbdc4}.metric-lime .metric-bottom,.metric-lime .metric-tag{color:#485300}
.chart-scale{font-size:12px;min-width:70px;color:#767680}.chart-axis{font-size:12px;padding-left:78px;color:#767680}.chart-readout,.chart-summary>span,.chart-data summary{font-size:13px;color:#6b6b75}
.panel-badge,.legend-share,.donut-center>span,.donut-center small{font-size:13px}.legend-row{font-size:14px;flex-wrap:wrap;row-gap:3px}.legend-row strong{font-size:14px}
.legend-share{color:#73737e}.donut-center>span,.donut-center small{color:#757580}
table{font-size:15px}th{font-size:13px;color:#74747f}td{padding-top:15px;padding-bottom:15px}.transaction-type,.date-cell,.order-cell{font-size:14px}.date-cell small{font-size:12px;color:#767680}.account-cell{max-width:185px}
.brand-row strong{font-size:15px}.brand-rank,.brand-row>div>span:last-child{font-size:13px}.dashboard-note{font-size:12px;color:#767680}
.module-card-content strong,.account-strip h2{font-size:15px}.module-card-content>span,.account-strip p,.section-heading>span,.account-strip .text-link{font-size:13px}
.loading-label,a.is-loading>.loading-feedback>.loading-label{font-size:14px}
@media(max-width:1199px){
.topbar{min-height:64px;padding:9px 14px;justify-content:space-between}.topbar-left{display:flex}.menu-toggle{display:inline-grid;place-items:center}
.app-menu.sidebar{position:fixed;inset:64px auto 0 0;display:block;flex:none;width:min(360px,92vw);padding:12px;background:#fff;border-right:1px solid #e9e9f0;z-index:30;overflow:auto;transform:translateX(-100%)}
.nav-open{overflow:hidden}.nav-open .app-menu.sidebar{transform:translateX(0)}.nav-backdrop{position:fixed;inset:0;z-index:23;background:#12271d70;border:0}
.app-menu .main-menu-item,.app-menu .menu-group>.main-menu-item{flex-direction:row;justify-content:flex-start;min-height:50px;gap:14px;width:100%;font-size:14px}.menu-group{width:100%}
.menu-dropdown{position:static;min-width:0;max-height:none;margin-left:13px;border:0;border-left:1px solid #e8e5ef;box-shadow:none;border-radius:0;padding:4px}
.menu-dropdown.invoice-menu{display:block}.menu-group[open]>.main-menu-item{box-shadow:none;background:#f0f0f4}.topbar-right{margin-left:auto}
.dashboard-charts{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr)}.dashboard-bottom{grid-template-columns:1fr}
}
@media(max-width:699px){
.heading-greeting h1{font-size:28px}.heading-greeting p{font-size:13px}.dashboard-charts{grid-template-columns:1fr}
.dashboard-filters input,.dashboard-filters select{font-size:16px;width:100%;max-width:none}.field input{font-size:16px}
.metric-card{padding:17px;min-height:205px}.metric-top{font-size:14px;gap:6px}.metric-bottom,.metric-tag{font-size:12px}.metric-value small{font-size:12px}
.metric-value{font-size:clamp(21px,5.5vw,28px)}.panel-heading h2{font-size:19px}.panel-heading p{font-size:13px}
.chart-scale{font-size:12px;min-width:62px}.chart-axis{padding-left:65px;font-size:12px}.chart-readout{font-size:13px}
.legend-row,.legend-row strong{font-size:14px}.dashboard-note{font-size:12px}.module-card-content strong{font-size:14px}.module-card-content>span{font-size:13px}
.shop-label{font-size:13px;max-width:170px}.shop-label .status-dot{margin-right:2px}.menu-dropdown .menu-option{min-height:52px}
}

/* Compact text rhythm without reducing readable type sizes. */
body{letter-spacing:-.2px;word-spacing:normal;line-height:1.45;font-kerning:normal}
.eyebrow,.heading-greeting .eyebrow,.login-card .eyebrow{letter-spacing:.45px}
.app-menu .main-menu-item,.app-menu .menu-group>.main-menu-item{letter-spacing:-.25px;line-height:1.25}
.option-copy strong,.option-copy small,.menu-section-title{letter-spacing:-.15px;line-height:1.35}
.option-copy{gap:2px}
.button,.field label,.field input,.dashboard-filters input,.dashboard-filters select{letter-spacing:-.15px;line-height:1.35}
.metric-bottom,.metric-tag{letter-spacing:-.15px;line-height:1.4}
.panel-heading p,.heading-greeting p,.legend-row,.brand-row,table,.dashboard-note{letter-spacing:-.15px;line-height:1.4}