:root{color-scheme:dark;background:#05060a;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(99,102,241,.2),transparent 34rem),radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 30rem),#05060a}button,input{font:inherit}button{border:0;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;padding:.8rem 1rem;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}input{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0f172ad1;color:#f8fafc;padding:.85rem .95rem;outline:none}input:focus{border-color:#22d3eecc}.access-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.access-card{width:min(440px,100%);border:1px solid rgba(148,163,184,.18);border-radius:28px;background:#0f172ab8;box-shadow:0 24px 90px #00000061;padding:1.5rem;display:grid;gap:1rem}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);font-weight:900}.access-card h1,.dashboard-header h1,.panel h2{margin:0}.access-card p,.dashboard-header p,.empty-state p{margin:0;color:#94a3b8;line-height:1.6}.access-error,.error-banner{border:1px solid rgba(248,113,113,.35);border-radius:14px;background:#7f1d1d47;color:#fecaca;padding:.8rem}.access-note{font-size:.78rem;color:#64748b;line-height:1.45}.dashboard-page{width:min(1180px,100%);margin:0 auto;padding:1.25rem}.dashboard-content{transition:filter .18s ease,opacity .18s ease}.dashboard-content.is-refreshing{filter:blur(5px);opacity:.48;pointer-events:none;-webkit-user-select:none;user-select:none}.refresh-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0206176b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.refresh-card{display:flex;align-items:center;gap:.9rem;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:#0f172aeb;box-shadow:0 24px 90px #0000006b;padding:1rem 1.15rem}.refresh-card strong{display:block;font-size:.95rem}.refresh-card span{display:block;color:#94a3b8;font-size:.78rem;margin-top:.2rem}.refresh-spinner{width:28px;height:28px;border-radius:999px;border:3px solid rgba(148,163,184,.25);border-top-color:#67e8f9;animation:trekaal-spin .8s linear infinite}@keyframes trekaal-spin{to{transform:rotate(360deg)}}button:disabled{opacity:.65;cursor:not-allowed}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1rem 0 1.25rem}.dashboard-header h1{font-size:clamp(2rem,8vw,4rem);letter-spacing:-.06em}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;margin-bottom:.35rem}.ghost-button{background:#0f172acc;border:1px solid rgba(148,163,184,.18);color:#cbd5e1}.health-strip,.metric-card,.panel,.empty-state{border:1px solid rgba(148,163,184,.16);background:#0f172aad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 70px #00000038}.health-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;padding:.75rem;margin-bottom:1rem}.health-item{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:18px;background:#0206176b}.health-dot,.alert-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.health-dot.green,.alert-dot.info{background:#34d399}.health-dot.yellow,.alert-dot.watch{background:#facc15}.health-dot.red,.alert-dot.critical{background:#fb7185}.health-label{font-size:.74rem;color:#94a3b8}.health-state{font-size:.9rem;font-weight:850}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;margin-bottom:1rem}.metric-card{padding:1rem}.metric-label{color:#94a3b8;font-size:.78rem;font-weight:700}.metric-value{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;letter-spacing:-.05em;margin-top:.45rem}.metric-helper{color:#64748b;font-size:.78rem;margin-top:.35rem}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-bottom:1rem}.panel{padding:1rem}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.funnel{display:grid;gap:.7rem}.funnel-row,.bar-row,.mini-bar-row{display:grid;grid-template-columns:160px 1fr 42px;gap:.75rem;align-items:center}.funnel-copy div,.bar-label,.mini-bar-row span{font-size:.88rem;font-weight:800}.funnel-copy span{color:#64748b;font-size:.72rem}.funnel-bar-wrap,.bar-track,.mini-bar-track{height:10px;border-radius:999px;background:#1e293be6;overflow:hidden}.funnel-bar,.bar-fill,.mini-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.bar-fill.danger{background:linear-gradient(90deg,#fb7185,#f97316)}.funnel-value,.bar-value,.mini-bar-row strong{text-align:right;font-weight:900}.bar-list,.alerts-list,.mini-bars{display:grid;gap:.75rem}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.behavior-card{border:1px solid rgba(148,163,184,.12);border-radius:20px;background:#02061757;padding:1rem}.behavior-number{font-size:2.2rem;font-weight:950;letter-spacing:-.05em}.behavior-label{color:#94a3b8;font-weight:750;margin-bottom:1rem}.mini-bar-row{grid-template-columns:92px 1fr 28px}.alert-row{display:flex;align-items:center;gap:.7rem;color:#e2e8f0;line-height:1.4;padding:.65rem;border-radius:16px;background:#02061757}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.feedback-grid span{display:block;font-size:2rem;font-weight:950}.feedback-grid p{margin:.3rem 0 0;color:#94a3b8}.empty-state{padding:2rem;text-align:center}.dashboard-footer{color:#64748b;font-size:.8rem;padding:1rem 0 2rem}@media(max-width:960px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.health-strip{grid-template-columns:repeat(2,1fr)}.health-strip .health-item:first-child{grid-column:span 2}}@media(max-width:640px){.dashboard-page{padding:.85rem}.dashboard-header{display:grid}.metric-grid{grid-template-columns:1fr 1fr}.funnel-row,.bar-row{grid-template-columns:1fr;gap:.35rem}.funnel-value,.bar-value{text-align:left}.split-grid,.feedback-grid{grid-template-columns:1fr}}