:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg: #f6f2ec;--panel: #ffffff;--ink: #1b1b1f;--muted: #5a5a64;--accent: #f04f2c;--accent-dark: #c43a1c;--accent-soft: #fde8e1;--border: #e6ded4;--shadow: 0 28px 60px rgba(27, 27, 31, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(240,79,44,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(16,168,132,.18),transparent 40%),linear-gradient(120deg,#f6f2ec,#f8f4f0 55%,#f2ebe3);z-index:-1}.app{max-width:1200px;margin:0 auto;padding:56px 24px 80px;display:flex;flex-direction:column;gap:32px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;animation:fadeUp .6s ease forwards}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 12px}.subhead{margin:0;color:var(--muted);font-size:1.05rem}.pill{align-self:flex-start;padding:10px 18px;background:var(--panel);border-radius:999px;border:1px solid var(--border);font-weight:600;box-shadow:var(--shadow)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.filter-btn{padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:600;background:transparent;color:var(--muted);border:1px solid var(--border);transition:all .15s ease}.filter-btn:hover{background:var(--accent-soft);color:var(--ink);transform:none}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-btn.active:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.filter-match-count{font-size:.8rem;color:var(--muted);margin-left:4px}.panel{background:var(--panel);border-radius:20px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow);animation:fadeUp .65s ease forwards}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-header h2{margin:0 0 6px}.panel-header p{margin:0;color:var(--muted)}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}.auth-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:#faf7f2}.auth-card h3{margin-top:0}label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.9rem;color:var(--muted)}input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-family:Space Grotesk,sans-serif}button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;background:var(--accent);color:#fff;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-1px);background:var(--accent-dark)}button:disabled{opacity:.5;cursor:default;transform:none}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}button.ghost:hover{background:var(--accent-soft)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search{display:flex;flex-direction:column;gap:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.search input{min-width:200px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.table-section-title{margin:32px 0 12px;font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:8px}#direct-section .table-section-title{margin-top:0}.count{font-weight:400;opacity:.7;font-size:.8em;background:#eaeaea;padding:2px 8px;border-radius:12px;letter-spacing:0}.row-meta{display:flex;flex-direction:column;gap:4px}.row-meta .id{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.error{color:#b3261e;font-weight:600}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.muted{color:var(--muted)}.empty{text-align:center;padding:32px 12px;color:var(--muted)}.invoice-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem}.invoice-amount{font-weight:600}.invoice-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-paid{background:#e8f5e9;color:#1b5e20}.status-open{background:#fff8e1;color:#8a5a00}.status-draft{background:#eaeaea;color:#555}.status-void{background:#fce4ec;color:#880e4f}.status-uncollectible{background:#fce4ec;color:#b71c1c}.invoice-date{font-size:.8rem}.invoice-link{font-size:.8rem;color:var(--accent);text-decoration:none;font-weight:600}.invoice-link:hover{text-decoration:underline}.reseller-group{margin-top:32px}.reseller-header{margin-bottom:12px}.reseller-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.reseller-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}.reseller-invoice{display:inline-flex}.reseller-invoice td{border:none;padding:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero{flex-direction:column}.panel-header{flex-direction:column;align-items:flex-start}.actions{width:100%;justify-content:space-between}}