:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#dedbf3;background:#07050e}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:28px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 15%,#21103966,transparent 45%),radial-gradient(ellipse at 90% 80%,#10243744,transparent 40%),radial-gradient(circle at 12% 23%,#79d5ef88 1px,transparent 2px),radial-gradient(circle at 85% 72%,#a799d866 1px,transparent 2px);background-size:auto,auto,197px 217px,283px 313px}.panel{width:min(100%,722px);padding:10px 34px 0;border:1px solid #383064;border-radius:23px;background:linear-gradient(145deg,#0e0a22ee,#0b081bee);box-shadow:0 0 0 1px #44367433,0 24px 80px #0005}.topbar{display:flex;align-items:center;justify-content:space-between}.profile{width:45px;height:45px;border:1px solid #37305c;border-radius:12px;display:grid;place-items:center;color:#dcd9ed;background:#141027}.profile svg{width:23px;height:23px}button{font:inherit;cursor:pointer}.status{display:flex;align-items:center;justify-content:center;gap:9px;font:700 10px monospace;letter-spacing:2px;min-height:45px}.status i{width:7px;height:7px;background:#30ba65;border-radius:50%;box-shadow:0 0 12px #39f66c}.welcome{text-align:center}.orb{position:relative;width:70px;height:70px;margin:16px auto 0;border:1px solid #8c65c6;border-radius:50%;background:radial-gradient(circle at 48% 46%,#eadbff 0,#b99aee 24%,#654ca655 29%,transparent 60%);box-shadow:0 0 30px #9664f344,inset 0 0 18px #6555ae88;transform:rotate(-25deg)}.orb:before,.orb:after{content:'';position:absolute;inset:7px -5px;border:1px solid #6badee88;border-radius:50%;transform:rotate(-35deg)}.orb:after{inset:-5px 15px;transform:rotate(5deg);border-color:#be71cf99}.orb span{position:absolute;width:8px;height:8px;background:#e9d9ff;border-radius:50%;top:3px;left:28px;box-shadow:7px 60px 0 #d5b8fa,23px 51px 0 #dbceff}.greeting{font-size:18px;margin:9px 0;color:#8c83a7}.greeting strong{color:#f2ca50}h1{font-size:26px;letter-spacing:1.4px;margin:9px 0 19px;background:linear-gradient(90deg,#e1ca64 15%,#69e9ef 65%,#947cff);background-clip:text;color:transparent}.eyebrow{font:12px monospace;letter-spacing:3px;color:#8c82ac}.motto{margin:20px 0 26px}.section-label{display:flex;align-items:center;gap:13px;font:700 12px monospace;letter-spacing:3px;color:#4de0f6;margin:0 0 17px;white-space:nowrap}.section-label:before,.section-label:after{content:'';height:1px;background:#28203c;flex:1}.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 34px 27px}.module{min-height:116px;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #39305f;border-radius:14px;background:linear-gradient(140deg,#17112e,#100c21);color:#e1dbf4;text-decoration:none;transition:transform .18s,border-color .18s}.module:hover{transform:translateY(-3px);border-color:#9780e6}.module-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #514379;background:#211b3c;border-radius:12px;color:#c7bbf7}.module-icon svg{width:22px;height:22px}.module-name{font-size:14px;font-weight:600;text-align:center}.permission{font:700 11px monospace;letter-spacing:1.5px;color:#23df59}.restricted{background:repeating-linear-gradient(135deg,#11111c,#11111c 10px,#12121e 10px,#12121e 20px);border:1px dashed #34303e;color:#727080}.restricted:hover{transform:none;border-color:#34303e}.restricted .module-icon{opacity:.3;background:#151520}.restricted .permission{color:#e60079}footer{border-top:1px solid #2b2342;min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#847c9e;font:10px monospace;letter-spacing:1px}footer b{color:#efc542;letter-spacing:.3px}footer .secure{color:#55c994}.login-content{max-width:370px;margin:24px auto 45px;text-align:center}.login-content .orb{margin-bottom:29px}.login-content h1{font-size:27px;letter-spacing:.4px}.login-content .eyebrow{font-size:10px;letter-spacing:2px}.subtitle{color:#9f95b5;font-size:14px;margin-bottom:30px}.login-form{text-align:left}.login-form label{display:block;margin:19px 0 9px;font-size:13px;color:#c6bddc}.login-form input{width:100%;border:1px solid #3a3157;border-radius:9px;background:#100d20;color:#f3edff;font:14px Arial;padding:14px 13px;outline:none}.login-form input:focus{border-color:#a891f6;box-shadow:0 0 0 3px #9a77ef22}.login-form input::placeholder{color:#726982}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:12px;top:13px;border:0;background:none;color:#b9a5e5;font-size:12px;padding:3px}.primary{width:100%;border:1px solid #a089e0;border-radius:9px;background:linear-gradient(110deg,#7a59bc,#5e57b4);color:white;padding:14px 18px;margin-top:25px;font-weight:600;display:flex;justify-content:space-between}.primary:hover{filter:brightness(1.15)}.login-note{color:#8c819f;font-size:12px;line-height:1.8;margin-top:23px}.alert{border:1px solid #8e446b;background:#39192e;color:#f7cbe0;padding:12px 15px;border-radius:9px;font-size:13px;line-height:1.5;margin:15px 0}a:focus-visible,button:focus-visible{outline:2px solid #73e3f6;outline-offset:4px}@media(max-width:600px){body{padding:16px 12px}.panel{padding:12px 18px 0}.modules{margin:0 0 25px;gap:10px}.module-name{font-size:12px}.section-label{letter-spacing:2px;font-size:10px}footer{flex-wrap:wrap;justify-content:center;padding:13px 0;font-size:9px;gap:10px}h1{font-size:23px}}@media(max-width:420px){.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.status{font-size:9px;letter-spacing:1px}.login-content h1{font-size:23px}.login-content{margin-top:18px}.module-name{font-size:13px}}@media(prefers-reduced-motion:reduce){.module{transition:none}}