:root {
  color-scheme: dark;
  --bg: #07111f;
  --panel: rgba(9, 18, 33, 0.88);
  --panel-2: rgba(15, 23, 42, 0.92);
  --text: #e5eef9;
  --muted: #93a8c5;
  --line: rgba(148, 163, 184, 0.18);
  --accent: #7c3aed;
  --accent-2: #22d3ee;
  --good: #22c55e;
  --warn: #f59e0b;
  --bad: #fb7185;
}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#10244a 0,var(--bg) 42%);color:var(--text);min-height:100vh} a{color:inherit} .container{width:min(1160px,calc(100% - 32px));margin:0 auto} .topbar{padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.86);backdrop-filter:blur(16px);z-index:20} .topbar-inner,.hero-grid,.stats,.dashboard-grid,.auth-grid,.header-row,.list-grid,.help-grid{display:grid;gap:20px} .topbar-inner{grid-template-columns:1fr auto;align-items:center}.brand{font-weight:800;letter-spacing:.02em;text-decoration:none}.brand span{color:var(--accent-2)} .nav-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer}.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.button-secondary{background:transparent;border-color:var(--line);color:var(--text)}.button-danger{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.4);color:#fecdd3}.hero{padding:72px 0 28px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--accent-2)} h1,h2,h3{margin:0 0 14px} h1{font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:.97} p{color:var(--muted);line-height:1.65} .hero-card,.panel,.stat,.table-card,.auth-card,.help-card,.empty{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px rgba(2,8,23,.38)} .hero-card,.panel,.table-card,.auth-card,.help-card,.empty{padding:24px} .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.metric{padding:16px;border-radius:20px;background:var(--panel-2);border:1px solid var(--line)} .metric strong{display:block;font-size:1.55rem;margin-bottom:4px}.section{padding:24px 0 44px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:20px}.stat .label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:2rem;margin-top:6px}.dashboard-grid{grid-template-columns:1fr 1.1fr;align-items:start}.flash,.error,.success{padding:14px 16px;border-radius:18px;margin-bottom:16px}.flash,.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.32);color:#c7f9d5}.error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.32);color:#fecdd3}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1 / -1}.field label{display:block;font-size:.9rem;margin-bottom:8px;color:#dbe7f5}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#081423;color:var(--text);font:inherit}.field textarea{min-height:120px;resize:vertical}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-card th{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)} .pill{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--line)} .pill.new,.pill.quoted{background:rgba(124,58,237,.16)} .pill.follow_up_due,.pill.waiting_reply{background:rgba(245,158,11,.14)} .pill.won,.pill.paid{background:rgba(34,197,94,.14)} .pill.lost{background:rgba(251,113,133,.14)} .muted{color:var(--muted)} .split{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:56px 0}.auth-card h1{font-size:2rem}.small{font-size:.92rem}.footer{padding:24px 0 36px;color:var(--muted);text-align:center}.help-grid{grid-template-columns:.9fr 1.1fr}.search-box{margin-bottom:16px}.search-box input{width:100%;padding:14px;border-radius:16px;border:1px solid var(--line);background:#081423;color:var(--text)} .help-item{padding:16px 0;border-bottom:1px solid var(--line)} .overdue{color:#fecaca;font-weight:700}.ok{color:#bbf7d0;font-weight:700}.empty{text-align:center}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.28);color:#a5f3fc;font-weight:700} @media (max-width: 940px){.hero-grid,.dashboard-grid,.auth-grid,.help-grid,.stats,.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.table-card{overflow:auto}} @media (max-width: 640px){.container{width:min(100% - 20px,1160px)}.hero{padding-top:40px}.metrics{grid-template-columns:1fr}}