:root{
  --bg:#f4f6f9;--panel:#ffffff;--panel-soft:#f8fafc;--text:#172033;--muted:#7c8799;--line:#e6ebf2;--line-strong:#dbe2ec;
  --blue:#2563eb;--blue-soft:#eaf2ff;--green:#16a36a;--green-soft:#e9f8f1;--purple:#7c3aed;--purple-soft:#f2ebff;--orange:#f97316;--orange-soft:#fff1e8;
  --red:#ef4444;--shadow:0 12px 30px rgba(33,44,66,.055);--radius:18px;--sidebar:224px;--topbar:62px;
}
[data-theme="dark"]{
  --bg:#0d1117;--panel:#121821;--panel-soft:#171e28;--text:#edf3fb;--muted:#99a5b6;--line:#26303d;--line-strong:#303c4b;
  --blue:#67a0ff;--blue-soft:#16243a;--green:#43d39a;--green-soft:#132b24;--purple:#a786ff;--purple-soft:#251c3b;--orange:#ff9a57;--orange-soft:#342117;
  --red:#ff7070;--shadow:0 18px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button{color:inherit}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-page{min-height:100vh;padding:7px;background:linear-gradient(180deg,#eef1f5 0,var(--bg) 90px)}[data-theme="dark"] .app-page{background:linear-gradient(180deg,#0a0f15 0,var(--bg) 90px)}.desktop-frame{min-height:calc(100vh - 14px);background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(23,32,51,.05)}
.window-bar{height:var(--topbar);display:grid;grid-template-columns:220px minmax(280px,460px) 1fr;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.traffic-lights{display:flex;gap:9px}.traffic{width:13px;height:13px;border-radius:50%;display:block}.traffic.red{background:#ff5f57}.traffic.yellow{background:#febc2e}.traffic.green{background:#28c840}.global-search{height:38px;border:1px solid var(--line-strong);background:var(--panel-soft);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 10px;box-shadow:0 2px 9px rgba(22,34,54,.035)}.global-search-icon{display:grid;color:var(--muted)}.global-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;min-width:0}.global-search input::placeholder{color:var(--muted)}.global-search kbd{font-size:10px;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:3px 6px;border-radius:6px;white-space:nowrap}.window-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.header-icon{width:36px;height:36px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;cursor:pointer;position:relative}.header-icon svg{font-size:19px}.header-icon:hover{background:var(--panel-soft)}.has-dot:after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--blue);border:2px solid var(--panel)}.theme-icon{display:grid}.theme-moon{display:none}[data-theme="dark"] .theme-sun{display:none}[data-theme="dark"] .theme-moon{display:grid}.profile-menu{display:flex;align-items:center;gap:9px;margin-left:8px;padding:4px 6px;border-radius:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3988ff,#1654d9);color:#fff;font-size:11px;font-weight:800}.profile-copy{display:grid;min-width:105px}.profile-copy strong{font-size:12px}.profile-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.profile-chevron{display:grid;transform:rotate(90deg);color:var(--muted)}
.workspace{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - var(--topbar) - 16px)}.sidebar{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-width:0;transition:width .2s ease}.brand{height:68px;padding:0 19px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.brand-wordmark{font-size:16px;font-weight:850;letter-spacing:.01em;white-space:nowrap}.version-pill{padding:3px 6px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:800}.sidebar-nav{padding:13px 10px;display:grid;gap:4px}.nav-item{height:42px;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 11px;text-decoration:none;color:#3e4a5f;position:relative;transition:.16s}.nav-item .nav-icon{display:grid;font-size:20px;color:#66738a}.nav-item .nav-icon svg{width:19px;height:19px}.nav-item:hover{background:var(--panel-soft)}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.nav-item.active .nav-icon{color:var(--blue)}[data-theme="dark"] .nav-item{color:#bac5d3}.nav-item.disabled{cursor:default}.nav-item.disabled:hover{background:transparent}.nav-soon{margin-left:auto;font-size:8px;color:transparent;transition:.15s}.nav-item.disabled:hover .nav-soon{color:var(--muted)}.sidebar-footer{margin-top:auto;padding:12px 10px;border-top:1px solid var(--line)}.collapse-sidebar{width:100%;height:38px;border:0;background:transparent;border-radius:10px;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer}.collapse-sidebar:hover{background:var(--panel-soft)}.collapse-icon{width:22px;height:22px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-size:18px}.main-panel{min-width:0;background:var(--bg);display:flex;flex-direction:column}.content-area{padding:22px 24px 26px;flex:1;max-width:1600px;width:100%;margin:0 auto}.app-footer{height:44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;background:var(--panel);color:var(--muted);font-size:10px}.app-footer strong{color:var(--text);font-size:10px}
body.sidebar-collapsed{--sidebar:68px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-wordmark,.sidebar-collapsed .version-pill,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-soon{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .collapse-sidebar{justify-content:center}.sidebar-collapsed .collapse-icon{transform:rotate(180deg)}
.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dashboard-head h1{font-size:21px;margin:0 0 5px;font-weight:760;letter-spacing:-.025em}.dashboard-head p{margin:0;color:var(--muted);font-size:12px}.wave{font-size:18px}.dashboard-actions{display:flex;gap:8px}.control-button{height:36px;padding:0 12px;border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer;box-shadow:0 2px 8px rgba(25,36,58,.025)}.control-button:hover{background:var(--panel-soft)}.chevron-down{color:var(--muted)}.demo-notice{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--panel);border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:10px;margin-bottom:14px}.demo-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px var(--blue-soft)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.kpi-card,.dashboard-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-card{padding:15px 16px;min-width:0}.kpi-main{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px}.kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:700}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.purple{background:var(--purple-soft);color:var(--purple)}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.tiny{width:32px;height:32px;font-size:15px}.kpi-title{display:block;color:#566176;font-size:11px;margin-bottom:6px}[data-theme="dark"] .kpi-title{color:#aeb9c8}.kpi-main strong{font-size:20px;letter-spacing:-.02em}.card-menu{border:0;background:transparent;color:var(--muted);cursor:pointer;letter-spacing:1px;padding:1px 0}.kpi-foot{position:relative;min-height:42px;margin-top:7px;padding-top:8px}.trend{display:block;font-size:10px;font-weight:750}.trend.neutral{color:var(--muted)}.trend-note{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sparkline{position:absolute;right:0;bottom:0;width:105px;height:34px;overflow:visible}.sparkline path{fill:none;stroke:currentColor;stroke-width:2}.blue-line{color:var(--blue)}.green-line{color:var(--green)}.purple-line{color:var(--purple)}.orange-line{color:var(--orange)}
.dashboard-grid{display:grid;gap:14px;margin-bottom:14px}.dashboard-grid-main{grid-template-columns:minmax(0,1.12fr) minmax(380px,.9fr)}.dashboard-grid-bottom{grid-template-columns:minmax(280px,.85fr) minmax(280px,.88fr) minmax(320px,1fr) minmax(190px,.62fr)}.dashboard-card{padding:15px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.card-head h2{font-size:13px;margin:0;font-weight:760}.card-head p{font-size:9px;margin:5px 0 0;color:var(--muted)}.info-dot{display:inline-grid;place-items:center;width:13px;height:13px;border:1px solid var(--muted);border-radius:50%;font-size:8px;color:var(--muted);vertical-align:1px;margin-left:3px}.chart-legend{display:flex;gap:13px;color:var(--muted);font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-line{width:13px;height:2px;border-radius:9px;background:var(--blue)}.legend-line.dashed{background:repeating-linear-gradient(90deg,var(--muted) 0 5px,transparent 5px 8px)}.chart-wrap{display:grid;grid-template-columns:30px 1fr;height:235px;padding-top:4px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:8px;padding:0 3px 24px 0;text-align:right}.chart-stage{position:relative;min-width:0}.chart-grid-lines{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{height:1px;background:var(--line)}.main-chart{position:absolute;left:0;right:0;top:0;width:100%;height:calc(100% - 24px);color:var(--blue);overflow:visible}.main-chart .target-line{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:7 6;fill:none}.main-chart .sales-area{fill:url(#salesFill);stroke:none}.main-chart .sales-line{stroke:currentColor;stroke-width:2.5;fill:none}.chart-points circle{fill:var(--blue);stroke:var(--panel);stroke-width:2}.x-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.chart-summary{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:11px}.chart-summary span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.chart-summary strong{font-size:11px}.blue-text{color:var(--blue)}.green-text{color:var(--green)}
.mini-tag{font-size:8px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);padding:4px 7px;border-radius:999px}.market-table{font-size:9px}.market-row{display:grid;grid-template-columns:1.45fr .78fr .78fr .8fr;align-items:center;min-height:40px;border-bottom:1px solid var(--line);gap:6px}.market-row>span:not(:first-child),.market-row>strong{text-align:right}.market-header{background:var(--panel-soft);min-height:34px;border-radius:7px 7px 0 0;font-size:8px;font-weight:700;padding:0 5px}.market-row:not(.market-header){padding:0 5px}.market-row>span:first-child{display:flex;align-items:center;gap:7px}.market-logo{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:850}.market-logo.ml{background:#ffe854;color:#2f60b5}.market-logo.shopee{background:#ff5b32;color:white}.market-logo.magalu{background:#1689ec;color:#fff}.market-logo.madeira{background:#ff7a19;color:#fff}.market-total{border:0;font-weight:750;margin-top:3px}.market-total strong:last-child{color:var(--green)}
.compact-card{min-height:270px}.link-button{border:0;background:transparent;color:var(--blue);font-size:9px;cursor:pointer}.simple-table{font-size:9px}.simple-row{display:grid;grid-template-columns:.9fr 1.35fr .7fr;gap:7px;padding:8px 0;border-bottom:1px solid var(--line)}.simple-row.orders{grid-template-columns:.8fr 1.1fr .65fr .8fr}.simple-header{color:var(--muted);font-size:8px}.empty-state{min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;color:var(--muted)}.empty-state.tall{min-height:190px}.empty-state strong{color:var(--text);font-size:10px;margin:7px 0 4px}.empty-state small{font-size:8px;line-height:1.45;max-width:180px}.empty-icon{width:35px;height:35px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:15px}.dashboard-stack{display:grid;grid-template-rows:1fr .62fr;gap:14px}.cash-card,.nfe-card{min-height:0}.cash-label{font-size:9px;color:var(--muted)}.cash-value{display:block;color:var(--green);font-size:18px;margin:5px 0}.cash-card p{font-size:8px;color:var(--muted);line-height:1.45}.outline-button{width:100%;height:30px;border:1px solid var(--line-strong);background:transparent;border-radius:8px;color:var(--blue);font-size:9px}.outline-button:disabled{opacity:.55}.nfe-card{display:flex;justify-content:space-between;align-items:center}.nfe-card h2{font-size:12px;margin:0 0 6px}.nfe-card span,.nfe-card small{display:block;color:var(--muted);font-size:8px}.nfe-card strong{display:block;color:var(--blue);font-size:18px;margin:2px 0}.nfe-icon{width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid!important;place-items:center;font-size:16px!important}
.users-head{margin-bottom:16px}.users-head code{font-size:10px;background:var(--panel);padding:2px 4px;border-radius:4px}.primary-action{height:36px;border:0;border-radius:9px;padding:0 13px;background:var(--blue);color:#fff;font-size:11px;font-weight:700}.primary-action small{font-size:8px;opacity:.7}.primary-action:disabled{opacity:.75}.users-card{padding:0;overflow:hidden}.table-toolbar{height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-search{height:34px;width:260px;border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;display:flex;align-items:center;padding:0 10px;color:var(--muted)}.table-search input{border:0;background:transparent;outline:0;width:100%;color:var(--text);font-size:10px}.record-count{font-size:9px;color:var(--muted)}.table-responsive{overflow:auto}.modern-table{width:100%;border-collapse:collapse}.modern-table th,.modern-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:10px}.modern-table th{background:var(--panel-soft);color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.04em}.modern-table tbody tr:hover{background:color-mix(in srgb,var(--panel-soft) 75%,transparent)}.user-cell{display:flex;align-items:center;gap:9px}.table-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:9px}.role-chip,.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px}.role-chip{background:var(--panel-soft);border:1px solid var(--line)}.status-chip.active{background:var(--green-soft);color:var(--green)}.status-chip.inactive{background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--red)}.status-chip i{width:5px;height:5px;border-radius:50%;background:currentColor}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.13),transparent 30%),var(--bg)}.auth-shell{width:min(410px,100%)}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:31px;box-shadow:0 24px 70px rgba(28,39,62,.13)}.login-brand{display:flex;justify-content:center;margin-bottom:15px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#3988ff,#1554d8);color:#fff;font-weight:850}.brand-mark.large{width:52px;height:52px;border-radius:15px;font-size:19px}.eyebrow{margin:0 0 6px;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:800}.login-card h1{text-align:center;font-size:22px;margin:0}.subtle{text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.form-stack{display:grid;gap:14px;margin-top:22px}.form-stack label{display:grid;gap:7px;font-size:10px;font-weight:700}.form-stack input{height:42px;border:1px solid var(--line-strong);background:var(--panel-soft);border-radius:9px;padding:0 12px;outline:0;color:var(--text)}.form-stack input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.btn{height:42px;border:0;border-radius:9px;font-weight:750;cursor:pointer}.btn-primary{background:var(--blue);color:white}.alert{padding:10px 12px;border-radius:9px;font-size:10px;margin-top:12px}.alert-error{background:color-mix(in srgb,var(--red) 11%,transparent);color:var(--red)}.login-hint{text-align:center;font-size:8px;color:var(--muted);margin:16px 0 0}
.mobile-nav-toggle,.sidebar-overlay{display:none}
@media(max-width:1200px){.dashboard-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.compact-card{min-height:235px}.window-bar{grid-template-columns:160px minmax(240px,380px) 1fr}.profile-copy{display:none}}
@media(max-width:980px){:root{--sidebar:68px}.brand{justify-content:center;padding:0}.brand-wordmark,.version-pill,.nav-label,.nav-soon{display:none}.nav-item{justify-content:center;padding:0}.collapse-sidebar{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-main{grid-template-columns:1fr}.window-bar{grid-template-columns:80px 1fr auto}.profile-menu{display:none}}
@media(max-width:720px){.app-page{padding:0}.desktop-frame{border-radius:0;border:0}.window-bar{height:56px;grid-template-columns:auto 1fr auto;padding:0 10px}.traffic-lights{display:none}.global-search{height:34px}.global-search kbd{display:none}.window-actions .header-icon:not(.theme-button){display:none}.workspace{display:block}.sidebar{position:fixed;z-index:60;left:0;top:56px;bottom:0;width:250px;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.15)}body.mobile-menu-open .sidebar{transform:translateX(0)}.brand-wordmark,.version-pill,.nav-label{display:inline}.nav-item{justify-content:flex-start;padding:0 11px}.sidebar-overlay{position:fixed;display:block;inset:56px 0 0;background:rgba(6,11,18,.35);z-index:50;opacity:0;pointer-events:none;transition:.2s}body.mobile-menu-open .sidebar-overlay{opacity:1;pointer-events:auto}.mobile-nav-toggle{display:block;position:fixed;right:12px;bottom:12px;z-index:70}.mobile-nav-toggle button{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);font-size:18px}.content-area{padding:16px 12px 22px}.dashboard-head{align-items:flex-start}.dashboard-actions{display:none}.kpi-grid{grid-template-columns:1fr}.dashboard-grid-bottom{grid-template-columns:1fr}.dashboard-stack{grid-template-columns:1fr}.chart-summary{grid-template-columns:repeat(2,1fr)}.chart-legend{display:none}.market-row{grid-template-columns:1.5fr .8fr .8fr}.market-row>*:nth-child(3){display:none}.app-footer{flex-wrap:wrap;height:auto;padding:12px}.users-head{align-items:flex-start}.primary-action{display:none}}
@media(max-width:460px){.global-search{display:none}.window-bar{grid-template-columns:1fr auto}.window-actions{grid-column:2}.kpi-main strong{font-size:18px}.dashboard-head h1{font-size:19px}.chart-wrap{height:200px}.market-row{font-size:8px}.table-search{width:190px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}