:root{--font-sans:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--accent:#14b8d4;--accent-hover:color-mix(in oklab,var(--accent) 84%,white);--accent-press:color-mix(in oklab,var(--accent) 86%,black);--accent-ink:#04181d;--accent-soft:color-mix(in oklab,var(--accent) 14%,transparent);--accent-line:color-mix(in oklab,var(--accent) 38%,transparent);--d-control:32px;--d-row-y:9px;--d-card-pad:16px;--d-font:13px;--st-pending:#e0a93b;--st-approved:#36c98c;--st-paid:#4d8df6;--st-rejected:#828a98;--st-refunded:#ef915a;--st-chargeback:#ef5a6f;--st-active:#36c98c;--st-paused:#e0a93b;--st-draft:#828a98;--st-archived:#6b7280;--ok:#36c98c;--warn:#e0a93b;--danger:#ef5a6f;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 24px rgba(0,0,0,.35);--shadow-lg:0 16px 48px rgba(0,0,0,.5);--transition:140ms cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-0:#0b0c0f;--bg-1:#101216;--bg-2:#16181d;--bg-3:#1c1f26;--bg-4:#232732;--bg-hover:#20242c;--border:#24272f;--border-strong:#333845;--text-1:#e8eaef;--text-2:#a3aab8;--text-3:#6b7280;--text-on-accent:var(--accent-ink);--zebra:rgba(255,255,255,.014);--row-hover:rgba(255,255,255,.035);--overlay:rgba(5,6,8,.66);--skeleton:linear-gradient(90deg,#1a1d23 25%,#23272f 37%,#1a1d23 63%);color-scheme:dark}[data-theme=light]{--bg-0:#eef0f3;--bg-1:#ffffff;--bg-2:#ffffff;--bg-3:#f4f6f8;--bg-4:#ffffff;--bg-hover:#f1f3f6;--border:#e3e7ec;--border-strong:#cfd5dd;--text-1:#161a20;--text-2:#545c69;--text-3:#8a93a1;--text-on-accent:#04181d;--zebra:rgba(15,20,30,.018);--row-hover:rgba(15,20,30,.04);--overlay:rgba(20,24,30,.4);--skeleton:linear-gradient(90deg,#eceef1 25%,#f5f6f8 37%,#eceef1 63%);--shadow-sm:0 1px 2px rgba(20,24,30,.06);--shadow-md:0 6px 24px rgba(20,24,30,.1);--shadow-lg:0 16px 48px rgba(20,24,30,.16);color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg-0);color:var(--text-1);font-size:var(--d-font);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-soft)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.h1{font-size:22px;letter-spacing:-.02em}.h1,.h2{font-weight:600}.h2{font-size:16px;letter-spacing:-.01em}.h3{font-size:13px}.eyebrow,.h3{font-weight:600}.eyebrow{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.kpi{font-size:26px;font-weight:600;letter-spacing:-.02em}.app{display:grid;grid-template-columns:232px 1fr;height:100vh;overflow:hidden}.app.collapsed{grid-template-columns:60px 1fr}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 16px;height:52px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden}.brand-name small{display:block;font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.04em}.nav{flex:1;overflow-y:auto;padding:8px;min-height:0}.nav-section{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:13px;white-space:nowrap;transition:background var(--transition),color var(--transition);position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-1);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item .ico{flex-shrink:0;opacity:.9}.nav-item .badge-count{margin-left:auto;background:var(--bg-4);color:var(--text-2);font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:var(--r-pill)}.nav-item.active .badge-count{background:var(--accent);color:var(--accent-ink)}.app.collapsed .brand-name,.app.collapsed .nav-item span:not(.ico):not(.badge-count),.app.collapsed .nav-section{display:none}.app.collapsed .nav-item{justify-content:center}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:52px;flex-shrink:0;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg-1) 88%,transparent);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;padding:0 16px;position:sticky;top:0;z-index:20}.topbar-spacer{flex:1}.content{flex:1;overflow-y:auto;min-height:0}.page{max-width:1440px;margin:0 auto;padding:20px 24px 64px}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.page-head .grow{flex:1;min-width:0}.page-title{font-size:20px;font-weight:600;letter-spacing:-.02em}.page-sub{color:var(--text-2);margin-top:2px}.btn,.page-sub{font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--d-control);padding:0 13px;border-radius:var(--r-sm);font-weight:500;border:1px solid transparent;transition:all var(--transition);white-space:nowrap}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.42;pointer-events:none}.btn .ico{flex-shrink:0}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--bg-4);color:var(--text-1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-danger{background:color-mix(in oklab,var(--danger) 16%,transparent);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 36%,transparent)}.btn-danger:hover{background:color-mix(in oklab,var(--danger) 24%,transparent)}.btn-sm{height:26px;padding:0 9px;font-size:11.5px;border-radius:var(--r-xs)}.btn-lg{height:40px;padding:0 20px;font-size:14px}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:26px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:11.5px;font-weight:600;color:var(--text-2)}.hint{font-size:11px;color:var(--text-3)}.input,.select,.textarea{height:var(--d-control);background:var(--bg-4);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:0 10px;color:var(--text-1);width:100%;transition:border var(--transition),box-shadow var(--transition);outline:none}.textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px;cursor:pointer}.input-group{display:flex;align-items:center}.input-affix{display:inline-flex;align-items:center;padding:0 10px;height:32px;background:var(--bg-3);border:1px solid var(--border-strong);color:var(--text-3);font-size:12px}.input-affix.left{border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-affix.right{border-left:none;border-radius:0 var(--r-sm) var(--r-sm) 0}.input-group .input{border-radius:0}.input-group>:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-group>:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.switch{width:36px;height:20px;border-radius:var(--r-pill);background:var(--bg-4);border:1px solid var(--border-strong);position:relative;transition:background var(--transition);flex-shrink:0}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--text-2);top:2px;left:2px;transition:all var(--transition)}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{left:18px;background:var(--accent-ink)}.segmented{display:inline-flex;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;gap:2px}.segmented button{height:24px;padding:0 10px;border-radius:var(--r-xs);font-size:12px;font-weight:500;color:var(--text-2);transition:all var(--transition)}.segmented button:hover{color:var(--text-1)}.segmented button.active{background:var(--bg-4);color:var(--text-1);box-shadow:var(--shadow-sm)}html:not([data-lang=en]) [data-lang-content=en],html[data-lang=en] [data-lang-content=es]{display:none}.lang-toggle button{min-width:30px;text-align:center}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg)}.card-pad{padding:var(--d-card-pad)}.card-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}.card-head .grow{flex:1;min-width:0}.card-title{font-size:13px;font-weight:600}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md)}.metrics{display:grid;gap:10px}.metric{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;min-width:0;transition:border var(--transition)}.metric:hover{border-color:var(--border-strong)}.metric.alert{border-color:color-mix(in oklab,var(--danger) 34%,var(--border));background:color-mix(in oklab,var(--danger) 6%,var(--bg-2))}.metric.warn{border-color:color-mix(in oklab,var(--warn) 30%,var(--border))}.metric-label{font-size:11px;font-weight:500;color:var(--text-3);display:flex;align-items:center;gap:5px}.metric-value{font-size:23px;font-weight:600;letter-spacing:-.02em;margin-top:5px;line-height:1.1}.metric.alert .metric-value{color:var(--danger)}.metric-foot{display:flex;gap:6px;margin-top:6px}.delta,.metric-foot{align-items:center;font-size:11.5px}.delta{display:inline-flex;gap:2px;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.delta.flat{color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-xs);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending{color:var(--st-pending);background:color-mix(in oklab,var(--st-pending) 15%,transparent)}.badge-approved{color:var(--st-approved);background:color-mix(in oklab,var(--st-approved) 15%,transparent)}.badge-paid{color:var(--st-paid);background:color-mix(in oklab,var(--st-paid) 15%,transparent)}.badge-rejected{color:var(--st-rejected);background:color-mix(in oklab,var(--st-rejected) 16%,transparent)}.badge-refunded{color:var(--st-refunded);background:color-mix(in oklab,var(--st-refunded) 15%,transparent)}.badge-chargeback{color:var(--st-chargeback);background:color-mix(in oklab,var(--st-chargeback) 16%,transparent)}.badge-active{color:var(--st-active);background:color-mix(in oklab,var(--st-active) 15%,transparent)}.badge-paused{color:var(--st-paused);background:color-mix(in oklab,var(--st-paused) 15%,transparent)}.badge-draft{color:var(--st-draft);background:color-mix(in oklab,var(--st-draft) 16%,transparent)}.badge-archived{color:var(--st-archived);background:color-mix(in oklab,var(--st-archived) 14%,transparent)}.badge-neutral,.chip-event{color:var(--text-2);background:var(--bg-4)}.chip-event{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-xs);font-size:10.5px;font-weight:600;border:1px solid var(--border)}.chip-event.sale{color:var(--accent);border-color:var(--accent-line)}.chip-event.rebill{color:var(--st-paid);border-color:color-mix(in oklab,var(--st-paid) 30%,transparent)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;font-weight:600;font-size:11px;color:var(--text-3);letter-spacing:.03em;text-transform:uppercase;padding:var(--d-row-y) 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--bg-2);z-index:2}table.data th.sortable{cursor:pointer;user-select:none}table.data th.sortable:hover{color:var(--text-1)}table.data th .sort-ico{opacity:.4;margin-left:3px;vertical-align:-1px}table.data th.sorted .sort-ico{opacity:1;color:var(--accent)}table.data td.num,table.data th.num{text-align:right}table.data td{padding:var(--d-row-y) 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data tbody tr{transition:background var(--transition)}table.data tbody tr:nth-child(2n){background:var(--zebra)}table.data tbody tr:hover{background:var(--row-hover)}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.bad{background:color-mix(in oklab,var(--danger) 7%,transparent)}table.data tbody tr.bad:hover{background:color-mix(in oklab,var(--danger) 12%,transparent)}table.data tbody tr.bad td:first-child{box-shadow:inset 2px 0 0 var(--danger)}table.data tfoot td{padding:9px 12px;border-top:1px solid var(--border-strong);font-weight:600;background:var(--bg-3)}.cell-strong{color:var(--text-1);font-weight:600}.cell-sub{color:var(--text-3);font-size:11px}.flag{font-size:13px;line-height:1}.pager{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition);white-space:nowrap}.tab.active,.tab:hover{color:var(--text-1)}.tab.active{border-bottom-color:var(--accent)}.copy-field{display:flex;align-items:stretch;background:var(--bg-4);border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.copy-field code{flex:1;padding:8px 11px;font-family:var(--font-mono);font-size:12px;color:var(--text-1);overflow-x:auto;white-space:nowrap;display:flex;align-items:center}.copy-field .copy-btn{border-left:1px solid var(--border-strong);padding:0 12px;background:var(--bg-3);color:var(--text-2);display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;transition:all var(--transition)}.copy-field .copy-btn:hover{background:var(--bg-hover);color:var(--text-1)}.copy-field .copy-btn.done{color:var(--ok)}.code-block{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--text-2);overflow-x:auto;white-space:pre}.code-block .tok-key{color:var(--accent)}.code-block .tok-str{color:var(--st-approved)}.code-block .tok-com{color:var(--text-3)}.macro-grid{display:flex;flex-wrap:wrap;gap:6px}.macro{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-4);border:1px solid var(--border-strong);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:11.5px;color:var(--text-1);transition:all var(--transition)}.macro:hover{border-color:var(--accent);color:var(--accent)}.macro .ico{opacity:.5}.progress{height:7px;background:var(--bg-4);overflow:hidden}.progress,.progress>i{border-radius:var(--r-pill)}.progress>i{display:block;height:100%;background:var(--accent);transition:width .3s ease}.progress.ok>i{background:var(--ok)}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{display:flex;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px 14px;box-shadow:var(--shadow-md);font-size:12.5px;min-width:220px;animation:toast-in .22s cubic-bezier(.2,.8,.2,1)}.toast .ico{flex-shrink:0}.toast.ok .ico{color:var(--ok)}.toast.err .ico{color:var(--danger)}.toast.info .ico{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateX(16px)}}.overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(2px);z-index:100;display:flex;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);margin:auto;width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 60px);display:flex;flex-direction:column;animation:pop .2s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(8px)}}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-head .grow{flex:1}.modal-body{padding:18px;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.drawer{margin-left:auto;height:100%;width:min(540px,92vw);background:var(--bg-2);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes slide-in{0%{transform:translateX(100%)}}.drawer-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-body{padding:18px;overflow-y:auto;flex:1}.empty{text-align:center;padding:48px 24px;color:var(--text-2)}.empty .empty-ico{width:46px;height:46px;border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--border);display:grid;place-items:center;margin:0 auto 14px;color:var(--text-3)}.empty h3{font-size:14px;font-weight:600;color:var(--text-1);margin:0 0 4px}.empty p{font-size:12.5px;margin:0 auto 16px;max-width:360px}.skeleton{background:var(--skeleton);background-size:400% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-xs)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.chart-area{position:relative}.chart-grid line{stroke:var(--border);stroke-dasharray:3 3}.chart-axis{fill:var(--text-3);font-size:10px}.chart-bar{fill:var(--accent-soft);transition:fill var(--transition)}.chart-bar:hover{fill:var(--accent)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2}.chart-fill{fill:url(#chartGrad)}.chart-dot{fill:var(--accent)}.row{align-items:center;gap:10px}.col,.row{display:flex}.col{flex-direction:column}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.divider{height:1px;background:var(--border);margin:16px 0}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);font-size:12.5px;border:1px solid}.banner.warn{background:color-mix(in oklab,var(--warn) 10%,var(--bg-2));border-color:color-mix(in oklab,var(--warn) 34%,transparent);color:var(--text-1)}.banner.info{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text-1)}.banner.danger{background:color-mix(in oklab,var(--danger) 10%,var(--bg-2));border-color:color-mix(in oklab,var(--danger) 34%,transparent);color:var(--text-1)}.banner .ico{flex-shrink:0}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;font-size:12.5px}.kv dt{color:var(--text-3)}.kv dd{margin:0;color:var(--text-1)}.tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:var(--r-xs);background:var(--bg-4);color:var(--text-2);font-size:11px;font-weight:500;border:1px solid var(--border)}.popmenu{position:absolute;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:5px;min-width:180px;z-index:200;animation:pop .14s ease}.popmenu a,.popmenu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 9px;border-radius:var(--r-sm);color:var(--text-1);font-size:12.5px;font-weight:500}.popmenu a:hover,.popmenu button:hover{background:var(--bg-hover);text-decoration:none}.popmenu .sep{height:1px;background:var(--border);margin:5px 0}.popmenu .danger{color:var(--danger)}.tippy{position:relative}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in oklab,var(--ok) 22%,transparent)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}[data-density=compact]{--d-control:27px;--d-row-y:5px;--d-card-pad:11px;--d-font:12px}[data-density=compact] .metric-value{font-size:20px}[data-density=compact] .metric{padding:9px 11px}[data-density=comfortable]{--d-control:37px;--d-row-y:13px;--d-card-pad:20px;--d-font:13.5px}[data-density=comfortable] .metric{padding:16px 18px}.table-state{padding:40px 24px;text-align:center;color:var(--text-2)}.error-state{text-align:center;padding:44px 24px}.error-state .err-ico{width:46px;height:46px;border-radius:var(--r-lg);background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger);display:grid;place-items:center;margin:0 auto 14px}.error-state h3{font-size:14px;font-weight:600;color:var(--text-1);margin:0 0 4px}.error-state p{font-size:12.5px;color:var(--text-2);margin:0 auto 16px;max-width:360px}.sk-row{display:flex;gap:12px;padding:var(--d-row-y) 12px;border-bottom:1px solid var(--border);align-items:center}.readonly-bar{display:none;align-items:center;gap:8px;padding:7px 14px;background:color-mix(in oklab,var(--warn) 12%,var(--bg-1));border-bottom:1px solid color-mix(in oklab,var(--warn) 30%,transparent);font-size:12px;color:var(--text-1)}.mobile-bar,.scrim{display:none}@media (max-width:1080px){.page{padding:16px 16px 56px}.metrics{gap:8px}}@media (max-width:860px){.app,.app.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:248px;z-index:300;transform:translateX(-100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.app.nav-open .sidebar{transform:translateX(0);box-shadow:var(--shadow-lg)}.app.nav-open .scrim{display:block;position:fixed;inset:0;background:var(--overlay);z-index:250}.mobile-bar{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-1);position:sticky;top:0;z-index:30}.topbar{display:none}.readonly-bar{display:flex}.page-head{flex-direction:column;align-items:stretch;gap:10px}.page-title{font-size:18px}.metrics{grid-template-columns:repeat(2,1fr)!important}.metric-value{font-size:19px}.segmented{flex-wrap:wrap}.hide-mobile{display:none!important}.card-head{flex-wrap:wrap}.hero-grid{grid-template-columns:1fr!important;gap:28px!important;padding-top:48px!important}.hero-grid h1{font-size:34px!important}}@media (max-width:520px){.metrics{grid-template-columns:1fr 1fr!important}.kpi{font-size:22px}}