@charset "UTF-8";:root{--c-ink: #14201a;--c-ink-2: #1a2820;--c-ink-3: #2a3830;--c-text: #14201a;--c-text-2: #3a4a40;--c-mute: #7a8a80;--c-line: #ebede5;--c-line-2: #d4d8cf;--c-bg: #f7f8f4;--c-bg-2: #fbfcf8;--c-card: #ffffff;--c-tint: #f4f7ef;--c-marigold: oklch(.78 .16 75);--c-saffron: oklch(.74 .14 75);--c-vermilion: oklch(.6 .16 28);--c-coral: oklch(.66 .15 38);--c-jasmine: oklch(.92 .04 145);--c-palm: oklch(.42 .1 145);--c-leaf: oklch(.62 .08 145);--c-leaf-soft: oklch(.86 .04 145);--c-terracotta: oklch(.5 .12 28);--c-brass: oklch(.62 .13 75);--c-umber: oklch(.32 .06 60);--r: 5px;--shadow: 0 1px 2px rgba(20,32,26,.05);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bp-mobile: 640px;--bp-tablet: 1024px;--tap-min: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.tile{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:18px 20px}.tile.flush{padding:0}.tile.ink{background:var(--c-ink-2);color:#fff;border-color:var(--c-ink-3)}.tile.ink .tile-t{color:#ffffff8c}.tile.sage{background:var(--c-jasmine);border-color:#adcfad}.tile-t{font-size:11px;color:var(--c-mute);text-transform:uppercase;letter-spacing:1px;font-weight:500;margin:0 0 10px}.kpi{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.kpi.sm{font-size:22px}.kpi-sub{font-size:12px;color:var(--c-mute);margin-top:6px}.tile.ink .kpi-sub{color:#fff9}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;border-radius:var(--r);background:var(--c-line);color:var(--c-text-2);white-space:nowrap}.pill.dark{background:var(--c-ink-2);color:#fff}.pill.mute{background:var(--c-bg);color:var(--c-text-2);border:1px solid var(--c-line)}.pill.sage{background:var(--c-palm);color:#fff}.pill.sageL{background:var(--c-jasmine);color:#133d17}.pill.amber{background:var(--c-saffron);color:var(--c-ink)}.pill.ember{background:var(--c-vermilion);color:#fff}.pill.coral{background:var(--c-coral);color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;background:var(--c-ink);color:#fff;border:1px solid var(--c-ink);border-radius:var(--r);transition:opacity .12s ease}.btn:hover{opacity:.9}.btn.ghost{background:transparent;color:var(--c-text-2);border-color:var(--c-line-2)}.btn.sage{background:var(--c-palm);border-color:var(--c-palm)}.btn.amber{background:var(--c-saffron);color:var(--c-ink);border-color:var(--c-saffron)}.btn.block{width:100%;justify-content:center}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--c-line)}.tbl th{font-size:11px;color:var(--c-mute);text-transform:uppercase;letter-spacing:1px;font-weight:500;background:var(--c-bg-2)}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl tr:hover td{background:var(--c-bg-2)}.grid{display:grid;gap:14px}.row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row-1-2{display:grid;grid-template-columns:1fr 2fr;gap:14px}.row-2-1{display:grid;grid-template-columns:2fr 1fr;gap:14px}.row-1-1-1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.page-top{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 24px;border-bottom:1px solid var(--c-line);background:var(--c-bg);position:sticky;top:0;z-index:5}.page-top h1{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.page-top .sub{font-size:12px;color:var(--c-mute);margin-top:4px}.page-top .actions{display:flex;gap:8px}.page-body{padding:18px 24px 36px}.mono{font-family:var(--font-mono)}.muted{color:var(--c-mute)}.bar{width:100%;height:6px;background:var(--c-line);border-radius:var(--r);overflow:hidden}.bar>i{display:block;height:100%;background:var(--c-palm)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.live{background:var(--c-palm);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.field{display:flex;flex-direction:column;gap:4px;font-size:12px}.field>span{font-size:11px;color:var(--c-mute);text-transform:uppercase;letter-spacing:.04em}.field.grow{grid-column:span 2}.ipt{display:block;width:100%;padding:8px 10px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-card);color:var(--c-text);font:inherit;font-size:13px;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease}.ipt:focus{outline:none;border-color:var(--c-palm);box-shadow:0 0 0 3px #6a8a7426}.ipt:disabled{background:var(--c-bg-2);color:var(--c-mute);cursor:not-allowed}textarea.ipt{resize:vertical;min-height:60px}select.ipt{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-mute) 50%),linear-gradient(135deg,var(--c-mute) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}input.ipt[type=file]{padding:6px 8px;font-size:12px;cursor:pointer}input.ipt[type=checkbox],input.ipt[type=radio]{width:auto}.link{background:transparent;border:0;padding:0;color:var(--c-palm);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}.link:hover{color:var(--c-leaf)}.link.danger{color:var(--c-vermilion)}.link.danger:hover{color:var(--c-coral)}.err{padding:10px 14px;background:var(--c-vermilion);color:#fff;border-radius:var(--r);font-size:12px;margin-bottom:12px}.crumb{font-size:11px;color:var(--c-mute);text-transform:uppercase;letter-spacing:.04em}.crumb a{color:var(--c-mute);text-decoration:underline}.crumb a:hover{color:var(--c-palm)}.tbl tr.row-click{cursor:pointer}.tbl tr.row-click:hover td{background:var(--c-bg-2)}html,body{overflow-x:hidden}@media (max-width: 768px){.ipt,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=date],input[type=month],input[type=time],textarea,select{font-size:16px!important}.btn{min-height:var(--tap-min);padding:10px 16px;font-size:14px}.ipt{min-height:var(--tap-min);padding:10px 12px}.btn-group .btn{min-height:var(--tap-min);padding:10px 14px}.field{gap:6px}.tile{padding:14px}h1{font-size:22px}}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{display:grid;gap:12px}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.responsive-grid-3,.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}}.stack-mobile{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.stack-mobile{flex-direction:column;align-items:stretch}}.actions-mobile-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 640px){.actions-mobile-row{gap:6px}.actions-mobile-row>.btn,.actions-mobile-row>a.btn{flex:1 1 calc(50% - 3px);justify-content:center}.actions-mobile-row>.btn.full-on-mobile,.actions-mobile-row>a.btn.full-on-mobile{flex:1 1 100%}}.tbl-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-scroll.has-overflow:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(20,32,26,.07),transparent);pointer-events:none}.tbl-scroll.sticky-first th:first-child,.tbl-scroll.sticky-first td:first-child{position:sticky;left:0;background:var(--c-card);z-index:1;box-shadow:1px 0 0 var(--c-line)}@media (max-width: 640px){.tbl-stack{display:block}.tbl-stack thead{display:none}.tbl-stack tbody,.tbl-stack tr,.tbl-stack td{display:block}.tbl-stack tr{border:1px solid var(--c-line);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;background:var(--c-card)}.tbl-stack td{border:0!important;padding:4px 0!important;display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline;font-size:13px}.tbl-stack td:before{content:attr(data-label);font-size:10px;color:var(--c-mute);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tbl-stack td:not([data-label]){grid-template-columns:1fr}}.show-mobile{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:revert}}@media (max-width: 1024px){.row-4,.row-3{grid-template-columns:repeat(2,1fr)}.row-2-1,.row-1-2{grid-template-columns:1fr}.row-1-1-1{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.row-2,.row-3,.row-4,.row-2-1,.row-1-2,.row-1-1-1{grid-template-columns:1fr;gap:10px}.page-top{flex-direction:column;align-items:stretch;padding:14px;gap:10px;position:relative;top:auto}.page-top h1{font-size:19px}.page-top .actions{flex-wrap:wrap;gap:6px}.page-top .actions>.btn,.page-top .actions>a.btn{flex:1 1 auto;justify-content:center}.page-body{padding:12px 12px 28px}.actions-stack{align-items:stretch!important;width:100%}.actions-stack>.actions{width:100%;flex-wrap:wrap}.actions-stack>.actions>.btn,.actions-stack>.actions>a.btn{flex:1 1 auto;justify-content:center}}@media (max-width: 640px){.tile table,.page-body>table,section>table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}@media (max-width: 640px){.form-grid,.kpis,.filters,.grid-2,.grid-3,.grid-4,.upload-row,.invoice-ai-row{grid-template-columns:1fr!important;gap:10px}.setup-tabs,.payroll-tabs,.inv-tabs,.crumb,.filter-pills,.cat-pill-row,.pill-row{flex-wrap:wrap;row-gap:6px}code,.mono,.sku,.addr{word-break:break-all;overflow-wrap:anywhere}.tile img,.tile picture,.tile canvas,.tile svg:not(.icon){max-width:100%;height:auto}[style*="display: flex"],[style*="display:flex"]{flex-wrap:wrap}.field input.ipt,.field select.ipt{min-width:0;width:100%}.modal-panel,.dialog-panel,.drawer{max-width:100vw!important;width:100vw!important;max-height:100vh;border-radius:0}}
