:root{--bg:#060b14;--surface:#0e1626;--surface-2:#101b2f;--text:#edf1f7;--muted:#9aa4b2;--gold:#d4af37;--border:#263247}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#0d1628 0,var(--bg) 45%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:1240px;margin:0 auto;padding:2rem 1.2rem 3rem}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.8rem}.overline{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}h1{margin:.35rem 0;font-size:clamp(1.8rem,4vw,2.6rem)}.subtitle{color:var(--muted);max-width:70ch}.accessPill{border:1px solid var(--border);background:rgba(14,22,38,.8);padding:.75rem 1rem;border-radius:12px;min-width:280px}.accessPill span{color:var(--muted);display:block;font-size:.78rem}.accessPill strong{font-size:.92rem;color:var(--text)}.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.card,.kpiCard{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:14px}.kpiCard{padding:1rem}.kpiCard p{margin:0 0 .4rem;color:var(--muted);font-size:.84rem}.kpiCard h2{margin:0 0 .2rem;font-size:1.55rem}.kpiCard small{color:var(--gold)}.chartsGrid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));grid-gap:12px;gap:12px}.card{padding:.8rem}.cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.cardHeader h3{margin:0;font-size:1rem}.cardHeader span{color:var(--muted);font-size:.78rem}.chartWrap{height:260px}.disclaimer{margin-top:1.1rem;color:#96a2b2;font-size:.78rem;line-height:1.5}.logoutBtn{margin-top:.6rem;border:1px solid var(--border);background:#111c30;color:var(--text);border-radius:10px;padding:.45rem .7rem;cursor:pointer}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.loginCard{width:100%;max-width:420px;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:14px;padding:1.2rem;display:grid;grid-gap:.6rem;gap:.6rem}.loginCard label{color:var(--muted);font-size:.85rem}.loginCard input{background:#0c1526;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.65rem .7rem}.loginCard button{margin-top:.4rem;border:1px solid #3b4b68;background:var(--gold);color:#1c2431;border-radius:10px;padding:.65rem .8rem;font-weight:600;cursor:pointer}.errorText{color:#ff8a8a;margin:.2rem 0 0;font-size:.86rem}.landingWrap{min-height:100vh;display:grid;place-items:center;padding:1rem;position:relative;overflow:hidden}.orb{position:absolute;width:520px;height:520px;border-radius:999px;background:radial-gradient(circle,rgba(212,175,55,.35) 0,rgba(59,130,246,.12) 40%,transparent 70%);filter:blur(18px);animation:drift 7s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-14px) scale(1.04);opacity:1}}.landingCard{width:100%;max-width:680px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(16,27,47,.9),rgba(14,22,38,.95));border-radius:16px;padding:2rem;text-align:center;position:relative;z-index:1}.landingActions{margin-top:1.3rem;display:flex;gap:.8rem;justify-content:center}.ghostBtn,.primaryBtn{text-decoration:none;border-radius:10px;padding:.7rem 1rem;border:1px solid var(--border);font-weight:600}.primaryBtn{background:var(--gold);color:#1d2430;border-color:#8c7744}.ghostBtn{color:var(--text);background:#0f1829}@media (max-width:980px){.hero{flex-direction:column;align-items:flex-start}.kpiGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.chartsGrid{grid-template-columns:1fr}.landingActions{flex-direction:column}}