@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;600;700&display=swap";:root{--bg:#0a0e1a;--surface:#121826;--surface2:#1e293b;--border:#334155;--accent:#2563eb;--accent-dim:#1e3a5f;--green:#22c55e;--green-dim:#14532d;--amber:#f59e0b;--red:#ef4444;--purple:#a78bfa;--gold:#ffde00;--text:#e2e8f0;--muted:#cbd5e1;--mono:"Inter",sans-serif;--sans:"Inter",sans-serif;--head:"Poppins",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);max-width:100%;color:var(--text);font-family:var(--sans);overflow-x:hidden}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);box-sizing:border-box;overflow-y:auto}.page{flex:1;max-width:none;padding:24px 32px}@media (width<=899px){.app-shell{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.page{padding:16px}}.nav-group{border-bottom:1px solid var(--border)}.nav-group:last-child{border-bottom:none}.nav-group-toggle{text-align:left;color:#94a3b8;width:100%;font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:11px;font-weight:700;display:flex}.nav-group-toggle:after{content:"›";font-size:15px;transition:transform .15s;display:inline-block;transform:rotate(90deg)}.nav-group.open .nav-group-toggle:after{transform:rotate(-90deg)}.nav-group-items{flex-direction:column;gap:2px;padding:0 8px 10px;display:none}.nav-group.open .nav-group-items{display:flex}.nav-btn{text-align:left;width:100%;color:var(--muted);font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:13px;display:block}.nav-btn:hover{background:var(--surface2)}.nav-btn.active{background:var(--accent-dim);color:#fff}.pin-gate{z-index:9999;font-family:var(--mono);background:linear-gradient(#0a0e164d,#0a0e168c), var(--bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.pin-gate-inner{text-align:center;width:100%;max-width:430px}.pin-gate-title{color:#fff;letter-spacing:.14em;font-size:clamp(15px,5vw,25px);font-weight:800}.pin-gate-subtitle{color:#25eb2f;letter-spacing:.04em;font-size:clamp(20px,7vw,30px);font-weight:900}.pin-gate-tagline{color:#e8eef6;margin:10px 0 20px;font-size:clamp(10px,3.2vw,13px);line-height:1.5}.pin-card{background:#141922d1;border:1px solid #78829640;border-radius:16px;width:290px;max-width:80vw;margin:0 auto;padding:24px 22px;box-shadow:0 20px 60px #0000008c}.pin-lock-icon{margin-bottom:4px;font-size:26px}.pin-card-title{color:#fff;letter-spacing:.04em;font-size:15px;font-weight:700}.pin-card-sub{color:#b9c2ce;margin:6px 0 16px;font-size:11px}.pin-input{text-align:center;letter-spacing:8px;width:100%;color:var(--text);font-size:22px;font-family:var(--mono);background:#0b0e14;border:1px solid #2a3341;border-radius:10px;padding:12px 0}.pin-error{color:#f87171;min-height:15px;margin-top:9px;font-size:11px}.pin-unlock-btn{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--mono);border:0;border-radius:10px;margin-top:6px;padding:12px 0}.pin-unlock-btn:disabled{opacity:.6;cursor:wait}.billing-lockout-screen{z-index:10000;background:#0a0e16f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lockout-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:380px;padding:32px 24px}.lockout-icon{margin-bottom:12px;font-size:36px}.lockout-card h2{font-family:var(--head);margin-bottom:8px}.lockout-card p{color:var(--muted);margin-bottom:20px;font-size:13px}.pay-btn{background:var(--accent);color:#fff;border-radius:10px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.dash-header{margin-bottom:20px}.dash-title{font-family:var(--head);font-size:20px;font-weight:700}.dash-sub{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:11px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.kpi-label{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:10px}.kpi-value{font-size:22px;font-weight:700;font-family:var(--head)}.team-list{flex-direction:column;gap:8px;display:flex}.team-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.team-name{font-weight:600}.team-amounts{font-family:var(--mono);color:var(--muted);font-size:12px}.scan-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface);border-radius:12px;padding:32px}.scan-dropzone:hover{border-color:var(--accent)}.scan-preview{border-radius:10px;max-width:100%;margin-top:12px}.scan-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:14px;font-weight:700}.scan-btn:disabled{opacity:.6;cursor:wait}.scan-status{font-family:var(--mono);color:var(--muted);margin-top:12px;font-size:12px}.scan-error{color:var(--red);background:#3f1515;border-radius:8px;margin-top:10px;padding:10px;font-size:13px}.placeholder-page{text-align:center;color:var(--muted);font-family:var(--mono);padding:40px;font-size:13px}
