:root{--brand:#14171f;--accent:#c9a227;--bg:#f6f6f3;--card:#fff;--text:#23262e;--muted:#6b7280;--line:#e5e5e0;--danger:#b4232a;--ok:#1f7a3d}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}#root{min-height:100vh}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--brand);color:#fff;flex-direction:column;padding:20px 0;display:flex}.side .logo{letter-spacing:.3px;border-bottom:1px solid #ffffff1f;padding:0 20px 18px;font-size:16px;font-weight:700}.side .logo small{color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px;font-size:10px;font-weight:600;display:block}.side nav{flex-direction:column;flex:1;padding-top:10px;display:flex}.side button{color:#ffffffd1;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:11px 20px;font-size:13.5px}.side button:hover{color:#fff;background:#ffffff0f}.side button.active{border-left-color:var(--accent);color:#fff;background:#ffffff14;font-weight:600}.side .foot{color:#ffffff73;border-top:1px solid #ffffff1f;padding:14px 20px;font-size:11px}.main{max-width:1200px;padding:26px 32px}.main h1{margin-bottom:4px;font-size:21px}.main .sub{color:var(--muted);margin-bottom:20px;font-size:13px}.banner{border-radius:8px;margin-bottom:18px;padding:10px 16px;font-size:13px}.banner.warn{color:#7a5c00;background:#fff6e0;border:1px solid #e7ce8a}.banner.err{color:var(--danger);background:#fcebec;border:1px solid #e7a6aa}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.card .k{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px}.card .v{margin-top:6px;font-size:22px;font-weight:700}.card .v.ok{color:var(--ok)}.card .v.bad{color:var(--danger)}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:18px 20px}.panel h2{margin-bottom:12px;font-size:15px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:2px solid var(--line);padding:8px 10px;font-size:11px}td{border-bottom:1px solid var(--line);padding:9px 10px;font-size:13.5px}tr:hover td{background:#fafaf7}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{opacity:.92}.btn.accent{background:var(--accent);color:#1c1503}.btn.ghost{color:var(--brand);border:1px solid var(--line);background:0 0}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:9px 11px;font-family:inherit;font-size:13.5px}input:focus,select:focus{outline:2px solid var(--accent);border-color:#0000}label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.field{margin-bottom:12px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.pill{letter-spacing:.3px;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill.DRAFT{color:#555;background:#eee}.pill.ISSUED,.pill.ORDERED,.pill.TRIAL,.pill.TRIALING{color:#1d4e89;background:#e4eefa}.pill.PARTIAL,.pill.PAST_DUE,.pill.pending,.pill.overdue{color:#8a6400;background:#fff3d6}.pill.PAID,.pill.RECEIVED,.pill.ACTIVE,.pill.WON,.pill.paid{color:var(--ok);background:#e2f3e7}.pill.VOID,.pill.SUSPENDED,.pill.LOST,.pill.CANCELLED{color:var(--danger);background:#fbe4e5}.auth{background:var(--brand);place-items:center;min-height:100vh;display:grid}.auth .box{background:#fff;border-radius:14px;width:420px;max-width:92vw;padding:34px 36px}.auth .brandline{color:var(--accent);text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700}.auth h1{margin:6px 0 18px;font-size:22px}.auth .alt{color:var(--muted);margin-top:14px;font-size:12.5px}.auth .alt a{color:var(--brand);cursor:pointer;font-weight:600}.err-text{color:var(--danger);margin-top:8px;font-size:12.5px}.kanban{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kanban .col{background:#efefea;border-radius:10px;min-height:120px;padding:10px}.kanban .col h3{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px;padding:0 4px;font-size:12px}.kanban .dealcard{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:8px;padding:10px 12px}.kanban .dealcard b{font-size:13px;display:block}.kanban .dealcard span{color:var(--muted);font-size:12px}.modalbg{z-index:40;background:#0a0c1080;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:620px;max-width:94vw;max-height:88vh;padding:24px 26px;overflow:auto}.modal h2{margin-bottom:16px;font-size:17px}.landing{background:var(--brand);color:#fff;flex-direction:column;min-height:100vh;display:flex}.l-nav{justify-content:space-between;align-items:center;padding:18px 40px;display:flex}.l-logo{letter-spacing:1px;font-size:20px;font-weight:800}.l-logo span{color:var(--accent)}.btn.ghost.inv{color:#fff;border-color:#ffffff4d}.btn.ghost.inv:hover{border-color:var(--accent);color:var(--accent);opacity:1}.btn.lg{padding:13px 24px;font-size:15px}.l-hero{text-align:center;max-width:860px;margin:0 auto;padding:72px 24px 46px}.l-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:12px;font-weight:700}.l-hero h1{margin-bottom:18px;font-size:44px;font-weight:800;line-height:1.12}.l-hero p{color:#ffffffbf;max-width:640px;margin:0 auto 26px;font-size:16.5px;line-height:1.6}.l-trust{color:#ffffff80;margin-top:18px;font-size:12.5px}.l-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:100%;max-width:1180px;margin:0 auto;padding:30px 40px;display:grid}.l-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:22px}.l-card h3{color:var(--accent);margin-bottom:8px;font-size:15px}.l-card p{color:#ffffffb8;font-size:13.5px;line-height:1.55}.l-pricing{text-align:center;width:100%;max-width:1180px;margin:0 auto;padding:46px 40px 30px}.l-pricing h2{margin-bottom:6px;font-size:26px}.l-sub{color:#fff9;margin-bottom:24px;font-size:14px}.l-plans{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.l-plan{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;display:flex}.l-plan-name{font-size:15px;font-weight:700}.l-plan-price{color:var(--accent);font-size:30px;font-weight:800}.l-plan-price span{color:#ffffff8c;font-size:13px;font-weight:500}.l-plan-desc{color:#ffffffa6;min-height:34px;font-size:12.5px}.l-foot{text-align:center;color:#ffffff73;margin-top:auto;padding:26px;font-size:12.5px}.l-foot a{color:var(--accent);text-decoration:none}@media (width<=640px){.l-hero h1{font-size:31px}.l-nav{padding:14px 18px}.l-grid,.l-pricing{padding-left:18px;padding-right:18px}}