@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--accent:#2d7ff9;--accent-dim:#eff6ff;--accent-text:#1d4ed8;--text:#0f172a;--text-dim:#64748b;--success:#16a34a;--success-bg:#f0fdf4;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--shadow:0 1px 2px #0000000a, 0 1px 4px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--mono:"SF Mono", "Fira Code", "Courier New", monospace;--sidebar-bg:#0b1120;--sidebar-border:#1e2d45;--sidebar-text:#64748b;--sidebar-hover-bg:#162032;--sidebar-hover-text:#cbd5e1;--sidebar-active-bg:#2d7ff924;--sidebar-active-text:#60a5fa;--sidebar-active-border:#2d7ff9}[data-theme=dark]{--bg:#060d1a;--surface:#0d1626;--surface2:#162032;--border:#1e2d45;--accent:#3b8ef8;--accent-dim:#0d1f3c;--accent-text:#93c5fd;--text:#e8eef7;--text-dim:#64748b;--success:#22c55e;--success-bg:#0d2818;--warning:#f59e0b;--warning-bg:#271a05;--danger:#f87171;--danger-bg:#2a0d0d;--shadow:0 1px 3px #00000080, 0 1px 4px #0000004d;--shadow-md:0 4px 12px #0006;--sidebar-bg:#040a14;--sidebar-border:#162032;--sidebar-text:#475569;--sidebar-hover-bg:#0d1626;--sidebar-hover-text:#94a3b8;--sidebar-active-bg:#2d7ff92e;--sidebar-active-text:#60a5fa;--sidebar-active-border:#2d7ff9}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d7ff91a}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.7}.btn{white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{opacity:1;transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #2d7ff959,0 1px 2px #2d7ff933}.btn-primary:hover{box-shadow:0 4px 12px #2d7ff959}.btn{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.btn.btn-primary{border:none}.btn-danger{background:var(--danger);color:#fff;border:none;box-shadow:0 1px 3px #dc26264d}.card{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:22px}.badge{letter-spacing:.01em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-pending{color:#475569;background:#f1f5f9}.badge-labeled{color:#15803d;background:#f0fdf4}.badge-in_transit{color:#1d4ed8;background:#eff6ff}.badge-delivered{color:#166534;background:#f0fdf4}.badge-exception{color:#b91c1c;background:#fef2f2}.badge-flagged{color:#b45309;background:#fffbeb}.badge-reported{color:#b91c1c;background:#fef2f2}.badge-invoiced{color:#1d4ed8;background:#eff6ff}.badge-paid{color:#15803d;background:#f0fdf4}.badge-failed{color:#b91c1c;background:#fef2f2}.badge-draft{color:#475569;background:#f1f5f9}.badge-sent{color:#1d4ed8;background:#eff6ff}.badge-void{color:#94a3b8;background:#f1f5f9}[data-theme=dark] .badge-pending{color:#64748b;background:#162032}[data-theme=dark] .badge-labeled{color:#4ade80;background:#0d2818}[data-theme=dark] .badge-in_transit{color:#93c5fd;background:#0d1f3c}[data-theme=dark] .badge-delivered{color:#86efac;background:#0a2010}[data-theme=dark] .badge-exception{color:#fca5a5;background:#2a0d0d}[data-theme=dark] .badge-flagged{color:#fbbf24;background:#271a05}[data-theme=dark] .badge-reported{color:#fca5a5;background:#2a0d0d}[data-theme=dark] .badge-invoiced{color:#93c5fd;background:#0d1f3c}[data-theme=dark] .badge-paid{color:#4ade80;background:#0d2818}[data-theme=dark] .badge-failed{color:#fca5a5;background:#2a0d0d}[data-theme=dark] .badge-draft{color:#64748b;background:#162032}[data-theme=dark] .badge-sent{color:#93c5fd;background:#0d1f3c}[data-theme=dark] .badge-void{color:#475569;background:#162032}.mono{font-family:var(--mono)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid var(--border);white-space:nowrap;background:0 0;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);padding:13px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2);transition:background .1s}.page{max-width:1280px;padding:32px 36px}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.4px;color:var(--text);font-size:22px;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.empty-state{text-align:center;color:var(--text-dim);padding:64px 20px}.empty-state h3{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state p{font-size:13px}.loading{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;padding:64px;font-size:13px;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:20;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text);opacity:.6;padding:6px 14px 4px;font-size:10px;font-weight:700}.sidebar-nav-item{color:var(--sidebar-text);border-left:3px solid #0000;border-radius:10px;align-items:center;gap:10px;margin:1px 8px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--sidebar-active-border);font-weight:600}