:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--line: #2a2f3a;--ink: #e7e9ee;--muted: #939aab;--accent: #6b8afd;--danger: #ef6461;--warn: #e0a33e;--ok: #4cc38a;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}aside{background:var(--panel);border-right:1px solid var(--line);padding:18px 14px}aside .brand{font-weight:700;letter-spacing:-.01em;margin-bottom:2px}aside .who{color:var(--muted);font-size:12px;margin-bottom:20px}aside nav{display:flex;flex-direction:column;gap:2px}aside nav button{background:none;border:0;color:var(--muted);text-align:left;padding:8px 10px;border-radius:7px}aside nav button:hover{background:var(--panel-2);color:var(--ink)}aside nav button.active{background:var(--panel-2);color:var(--ink);font-weight:600}main{padding:22px 26px;overflow-x:auto}h1{font-size:19px;margin:0 0 3px}.sub{color:var(--muted);margin:0 0 18px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:14px}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 10px 8px 0;font-weight:600}td{padding:9px 10px 9px 0;border-top:1px solid var(--line);vertical-align:top}tr.click:hover td{background:var(--panel-2);cursor:pointer}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--muted)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.pill.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat .n{font-size:22px;font-weight:650}.stat .l{color:var(--muted);font-size:12px}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:8px 10px;width:100%}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}label.check{display:flex;gap:8px;align-items:baseline;font-size:13px;color:var(--ink)}label.check input{width:auto;padding:0}.row{display:flex;gap:8px;align-items:center}.btn{background:var(--accent);border:0;color:#0b0d12;font-weight:650;padding:8px 13px;border-radius:7px}.btn.ghost{background:none;border:1px solid var(--line);color:var(--ink);font-weight:500}.btn.danger{background:var(--danger);color:#150808}.btn:disabled{opacity:.45;cursor:not-allowed}.err{color:var(--danger);font-size:13px;margin-top:10px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.impersonating{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--warn) 16%,transparent),color-mix(in srgb,var(--warn) 16%,transparent) 10px,transparent 10px,transparent 20px);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:9px;padding:10px 13px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.signin{max-width:340px;margin:14vh auto}.invoice-tools{flex-wrap:wrap;margin-block-end:14px}.invoice-paper{inline-size:100%;max-inline-size:210mm;margin-inline:auto;margin-block-start:14px;padding:14mm 16mm;background:#fff;color:#000;border-radius:4px;font-size:13px;line-height:1.45}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-block-end:18px}.invoice-platform{font-size:20px;font-weight:800}.invoice-title{text-align:end}.card .invoice-paper h2,.invoice-paper h2{margin:0;font-size:18px;color:#000;text-transform:none;letter-spacing:normal}.invoice-paper h3{font-size:14px;margin-block:0 8px}.invoice-stamp{display:inline-block;margin-block-start:8px;padding:2px 10px;border:2px solid #444;border-radius:6px;font-weight:800;font-size:16px;color:#444}.invoice-stamp.paid{border-color:#15803d;color:#15803d}.invoice-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;margin-block-end:18px}.invoice-facts dt,.invoice-totals dt{color:#555}.invoice-facts dd,.invoice-totals dd{margin:0}.invoice-paper th{color:#555;text-align:start;padding:0;padding-block-end:8px;padding-inline-end:10px}.invoice-paper td{border-block-start-color:#ddd;padding:9px 0;padding-inline-end:10px}.invoice-paper .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-lines{margin-block-end:14px}.invoice-totals{display:grid;grid-template-columns:1fr auto;gap:6px 24px;margin:0;margin-inline-start:auto;margin-block-end:14px;max-inline-size:360px}.invoice-totals dd{text-align:end;font-variant-numeric:tabular-nums}.invoice-totals .invoice-sum{color:#000;font-weight:700}.invoice-paid{margin:0;margin-block-end:14px}.invoice-pay{border-block-start:1px solid #ddd;padding-block-start:12px}@media(max-width:560px){.invoice-paper{padding:16px}.invoice-lines{font-size:12px}.invoice-paper th{white-space:normal}.invoice-paper th,.invoice-paper td{padding-inline-end:6px}}.invoice-scroll{overflow-x:auto}.invoice-print-root{display:none}@page invoice{size:A4;margin:16mm}@media print{body:has(>.invoice-print-root)>:not(.invoice-print-root){display:none!important}html:has(>body>.invoice-print-root),body:has(>.invoice-print-root){background:#fff!important;color:#000!important}.invoice-print-root{display:block!important;page:invoice}.invoice-print-root .invoice-paper{max-inline-size:none;margin:0;padding:0;border-radius:0;font-size:10.5pt}.invoice-print-root tr,.invoice-print-root dl,.invoice-print-root .invoice-pay{break-inside:avoid}}
