*{box-sizing:border-box}body{margin:0}.page-cinematic{position:relative;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:url(/hero-bg.png) no-repeat center center / cover fixed;color:#f8fafc;overflow-x:hidden;-webkit-font-smoothing:antialiased}.page-cinematic:before{content:"";position:fixed;inset:0;background:#0a0f1ed9;z-index:0;pointer-events:none}.dashboard-shell{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:url(/hero-bg.png) no-repeat center center / cover fixed;color:#e2e8f0;-webkit-font-smoothing:antialiased}.dashboard-shell:before{content:"";position:fixed;inset:0;background:#0a0f1eeb;z-index:0;pointer-events:none}.dashboard-shell>*{position:relative;z-index:1}.dashboard-header{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(56,189,248,.1);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.dashboard-nav-link{display:block;padding:10px 14px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;color:#94a3b8;transition:color .15s,background .15s}.dashboard-nav-link:hover{color:#e2e8f0;background:#38bdf814}.dashboard-nav-link.active{color:#38bdf8;font-weight:600;background:#38bdf81f}.dashboard-main{max-width:1400px;margin:0 auto;padding:24px}.portal-heading{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f1f5f9;margin:0 0 16px}.dark-select{padding:6px 12px;border-radius:8px;border:1px solid rgba(56,189,248,.2);background:#0f172a99;color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s}.dark-select:hover,.dark-select:focus{border-color:#38bdf880;outline:none}.dark-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:transparent;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dark-btn:hover{border-color:#38bdf866;color:#e2e8f0}.dashboard-main h3,.dashboard-main h4{color:#f1f5f9}.dashboard-main p{color:#cbd5e1}.dashboard-main table{border-collapse:collapse;width:100%}.dashboard-main th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.15);padding:8px 12px;text-align:left}.dashboard-main td{color:#e2e8f0;font-size:13px;border-bottom:1px solid rgba(148,163,184,.08);padding:8px 12px}.dashboard-main input,.dashboard-main select,.dashboard-main textarea{background:#0f172a99;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;border-radius:8px;padding:8px 12px}.dashboard-main input::placeholder,.dashboard-main textarea::placeholder{color:#64748b}.hero-wrap{position:relative;overflow:hidden;z-index:1}.hero-wrap:before{content:"";position:absolute;inset:-20%;z-index:0;background:radial-gradient(circle at 18% 28%,rgba(99,102,241,.24),transparent 42%),radial-gradient(circle at 80% 68%,rgba(56,189,248,.26),transparent 40%),radial-gradient(circle at 52% 48%,rgba(255,255,255,.09),transparent 56%);animation:heroBreathe 30s ease-in-out infinite alternate;pointer-events:none}.hero-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 40%,transparent 30%,rgba(10,15,30,.7) 100%);pointer-events:none;z-index:1}.hero-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;pointer-events:none;z-index:2}@keyframes heroBreathe{0%{opacity:.6;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translate3d(2%,-1%,0) scale(1.04)}to{opacity:.7;transform:translate3d(-1%,2%,0) scale(1.02)}}@keyframes headlineGlow{0%,to{text-shadow:0 0 60px rgba(56,189,248,0)}50%{text-shadow:0 0 80px rgba(56,189,248,.15),0 0 120px rgba(99,102,241,.08)}}@media(prefers-reduced-motion:reduce){.hero-wrap:before{animation:none!important}.hero-glow{animation:none!important}}
