*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;background:#0d0a1a;color:#f1e8ff;-webkit-font-smoothing:antialiased;caret-color:transparent}input,textarea,[contenteditable=true]{caret-color:auto}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#0d0a1a}.loading-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.2);border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--purple-deep: #0d0a1a;--accent: #7c3aed;--accent-bright: #a855f7;--accent-glow: #c084fc;--neon: #e879f9;--text-primary: #f1e8ff;--text-secondary:#a78bca;--text-dim: #6b5a8a;--border: rgba(124, 58, 237, .25)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:50px 50px;background-color:#0d0a1a;padding:20px}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.3),transparent);top:-180px;left:-180px;animation:orbFloat 18s ease-in-out infinite}.login-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(232,121,249,.2),transparent);bottom:-100px;right:-100px;animation:orbFloat 22s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-15px,15px)}}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:#130d2eb3;border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:48px 40px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #a855f70d,0 30px 80px #00000080,0 0 60px #7c3aed1a}.login-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.8),transparent)}.login-header{text-align:center;margin-bottom:40px}.login-logo{font-size:38px;font-weight:800;letter-spacing:10px;background:linear-gradient(135deg,#a855f7,#e879f9,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(168,85,247,.5));margin-bottom:10px;animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 15px rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 35px rgba(232,121,249,.6))}}.login-subtitle{font-size:11px;color:#a78bcab3;letter-spacing:3px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:12px 16px;background:#e9495914;border:1px solid rgba(233,73,89,.4);border-radius:10px;color:#f87171;font-size:13px;text-align:center;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-field{display:flex;flex-direction:column;gap:8px}.login-label{font-size:11px;color:#a78bcacc;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.login-input{padding:13px 16px;border:1px solid rgba(124,58,237,.25);border-radius:10px;background:#0d0a1a99;color:#f1e8ff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #7c3aed1f}.login-input::placeholder{color:#6b5a8a99}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-button{margin-top:8px;padding:15px 20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #7c3aed66}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.login-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.portal-page{position:relative;height:100vh;overflow:hidden;background:var(--purple-deep)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:drift linear infinite}.bg__orb:nth-child(1){width:600px;height:600px;background:radial-gradient(circle,#7c3aed,transparent);top:-200px;left:-150px;animation-duration:20s}.bg__orb:nth-child(2){width:400px;height:400px;background:radial-gradient(circle,#a855f7,transparent);bottom:-100px;right:-100px;animation-duration:25s;animation-delay:-8s}.bg__orb:nth-child(3){width:300px;height:300px;background:radial-gradient(circle,#e879f9,transparent);top:40%;left:60%;animation-duration:18s;animation-delay:-4s;opacity:.2}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.97)}to{transform:translate(0) scale(1)}}.bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px);background-size:60px 60px}.bg__scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.portal-topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 24px}.portal-topbar__user{font-size:12px;color:var(--text-secondary);padding:4px 10px;background:#7c3aed1a;border:1px solid var(--border);border-radius:20px}.portal-topbar__clock{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text-dim)}.portal-topbar__logout{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px;transition:all .2s}.portal-topbar__logout:hover{border-color:#e9495980;color:#f87171}.portal-content{position:relative;z-index:1;height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:0 24px 40px}.portal-header{text-align:center}.logo{font-size:52px;font-weight:800;letter-spacing:12px;background:linear-gradient(135deg,#a855f7,#e879f9,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;filter:drop-shadow(0 0 30px rgba(168,85,247,.5));animation:logoPulse 4s ease-in-out infinite}.logo:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent)}.tagline{margin-top:16px;font-size:11px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}.portal-grid{display:grid;grid-template-columns:repeat(4,200px);gap:16px}.card{position:relative;background:#130d2e99;border:1px solid var(--border);border-radius:16px;padding:28px 20px 24px;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden;cursor:pointer;display:block}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.08),transparent 60%);opacity:0;transition:opacity .3s ease;border-radius:16px}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);opacity:0;transition:opacity .3s ease}.card:not(.card--disabled):hover{transform:translateY(-6px);border-color:#a855f799;box-shadow:0 0 0 1px #a855f71a,0 20px 60px #7c3aed4d,0 0 100px #7c3aed1a}.card:not(.card--disabled):hover:before,.card:not(.card--disabled):hover:after{opacity:1}.card--disabled{opacity:.45;cursor:default}.card__icon{width:40px;height:40px;margin-bottom:16px;position:relative}.icon--rt:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px solid var(--accent-bright);box-shadow:0 0 12px #a855f780}.icon--rt:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow)}.icon--monitor:before{content:"";position:absolute;top:8px;left:0;right:0;height:24px;border-radius:50%;border:2px solid var(--accent-bright);clip-path:ellipse(50% 80% at 50% 50%);box-shadow:0 0 12px #a855f766}.icon--monitor:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}.icon--alignment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.icon--alignment span{display:block;border:1px solid var(--accent-bright);border-radius:3px;opacity:.8}.icon--vt:before{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;border:2px solid var(--accent-bright);box-shadow:0 0 10px #a855f766}.icon--vt:after{content:"";position:absolute;bottom:4px;right:4px;width:14px;height:2px;background:var(--accent-bright);transform:rotate(-45deg);transform-origin:right center;border-radius:2px;box-shadow:0 0 6px #a855f780}.card__title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:.5px}.card__desc{font-size:11px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;white-space:pre-line}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 8px;border-radius:20px;font-weight:500;letter-spacing:.5px}.badge:before{content:"";width:5px;height:5px;border-radius:50%}.badge--active{background:#2dd4821f;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.badge--active:before{background:#4ade80;box-shadow:0 0 6px #4ade80;animation:blink 2s ease-in-out infinite}.badge--soon{background:#7c3aed1a;color:var(--text-dim);border:1px solid rgba(124,58,237,.2)}.badge--soon:before{background:var(--text-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.card:not(.card--disabled):hover .card__title{background:linear-gradient(90deg,var(--accent-bright),var(--neon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portal-footer{font-size:10px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}