:root{color:#e9eefb;font-synthesis:none;background:#070b16;font-family:Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#111837 0,#0000 38%),#070b16;min-width:320px;margin:0}button,input{font:inherit}.login{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.aurora{filter:blur(80px);background:conic-gradient(from 30deg,#00c8ff33,#8b5cff30,#00c8ff10);border-radius:50%;width:700px;height:700px;animation:18s linear infinite turn;position:absolute}@keyframes turn{to{transform:rotate(360deg)}}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1022dd;border:1px solid #ffffff17;border-radius:24px;width:min(460px,100% - 32px);padding:38px;position:relative;box-shadow:0 30px 90px #0009}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:11px;width:43px;height:43px}.brand>div{flex-direction:column;display:flex}.brand strong{letter-spacing:2px;font:700 21px Segoe UI,sans-serif}.brand strong span{color:#28d5ee}.brand small{letter-spacing:1.7px;color:#7f8ba8;font-size:8px}.login-copy{margin:55px 0 28px}.eyebrow{letter-spacing:1.7px;color:#43d7e9;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.login h1{margin:12px 0;font:600 40px/1.08 Segoe UI,sans-serif}.login h1 em{color:#0000;background:linear-gradient(90deg,#20d6ea,#a67aff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login p,.panel p{color:#8792ad;margin:0;line-height:1.5}.login label{color:#a7b0c7;margin:16px 0;font-size:12px;font-weight:600;display:block}.login input,.search input{color:#fff;background:#090e1d;border:1px solid #26304b;border-radius:10px;outline:none;width:100%;margin-top:7px;padding:13px}.login input:focus{border-color:#28cfe7;box-shadow:0 0 0 3px #28cfe719}.login form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#18bdd9,#775be9);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px;font-weight:700;display:flex}.login-card>small{color:#65718d;justify-content:center;align-items:center;gap:7px;margin-top:22px;display:flex}.error{color:#ffbac7;background:#4b1726;border-radius:8px;padding:10px;font-size:13px}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{z-index:5;background:#080d1b;border-right:1px solid #18213a;flex-direction:column;width:245px;height:100vh;padding:25px 18px;display:flex;position:fixed}aside .brand{padding:0 7px 30px}nav{gap:5px;display:grid}nav button{color:#77839f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}nav button:hover,nav button.active{color:#ecf6ff;background:linear-gradient(90deg,#17324b,#161934)}nav button.active svg{color:#36d9e9}nav i{color:#fff;background:#7e54ea;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.system{background:#0c1524;border:1px solid #1a2940;border-radius:10px;gap:4px;margin-top:auto;padding:12px;display:grid}.system span{font-size:11px;font-weight:700}.system i,.live i{background:#28e0a0;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #28e0a0}.system small{color:#65718d;font-size:10px}.profile{border-top:1px solid #18213a;align-items:center;gap:9px;margin-top:17px;padding-top:17px;display:flex}.profile>div{background:linear-gradient(135deg,#2fcfe2,#7654e8);border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.profile span{min-width:0;display:grid}.profile b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile small{color:#6c7894;text-transform:uppercase;font-size:10px}.profile button,.close,.hamb{color:#71809f;cursor:pointer;background:0 0;border:0;margin-left:auto}.content{grid-column:2;width:100%;max-width:1600px;margin:auto;padding:32px 38px}.content header{align-items:center;margin-bottom:30px;display:flex}.content h1{margin:4px 0;font:600 27px Segoe UI,sans-serif}.live{letter-spacing:2px;color:#65e5b3;border:1px solid #1e4a3c;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:10px}.hero{background:linear-gradient(120deg,#111c35,#171433);border:1px solid #253054;border-radius:16px;justify-content:space-between;align-items:center;padding:30px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #7558e638;border-radius:50%;width:290px;height:290px;position:absolute;right:-60px;box-shadow:0 0 90px #6149d633}.hero h2{margin:10px 0 5px;font:600 29px Segoe UI,sans-serif}.pulse{z-index:1;text-align:right;display:grid}.pulse span{border:1px solid #27d7d455;border-radius:50%;width:55px;height:55px;margin:0 0 8px auto;box-shadow:inset 0 0 20px #21cddb33,0 0 25px #21cddb22}.pulse b{color:#77829d;text-transform:uppercase;font-size:10px}.pulse strong{color:#4ee6b1;letter-spacing:2px;font-size:12px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0;display:grid}.stat{background:#0c1222;border:1px solid #1b263e;border-radius:13px;align-items:center;gap:15px;padding:18px;display:flex}.stat-icon{color:#43d7e9;background:#142847;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.stat span,.stat small{color:#75819d;font-size:11px;display:block}.stat strong{margin:2px 0;font:600 25px Segoe UI,sans-serif;display:block}.stat.warn .stat-icon{color:#ffb85c;background:#3b291d}.grid{grid-template-columns:1.2fr 1fr;gap:17px;display:grid}.panel{background:#0c1222;border:1px solid #1b263e;border-radius:14px;padding:20px}.panel-head{margin-bottom:16px}.panel h3{margin:0 0 4px;font:600 16px Segoe UI,sans-serif}.panel p{font-size:12px}.feed{display:grid}.feed-row{border-top:1px solid #19223a;align-items:center;gap:12px;min-width:0;padding:13px 0;display:flex}.feed-row>div{min-width:0;display:grid}.feed-row b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.feed-row small{color:#71809e;margin-top:3px;font-size:10px}.feed-row time{color:#62708d;white-space:nowrap;margin-left:auto;font-size:10px}.event{color:#40d9ea;background:#17304a;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.event.warning{color:#ffc062;background:#3a2a19}.event.critical{color:#ff7597;background:#401d2b}.badge{text-transform:uppercase;color:#66e3b1;background:#173a31;border-radius:12px;margin-left:auto;padding:4px 8px;font-size:9px}.search{margin:5px 0 18px;position:relative}.search svg{color:#65718d;position:absolute;top:19px;left:12px}.search input{padding-left:39px}.table{overflow:auto}.tr{color:#a8b2c9;border-top:1px solid #19223a;grid-template-columns:1.5fr 1fr 1fr .7fr .8fr;align-items:center;gap:15px;min-width:760px;padding:13px 5px;font-size:12px;display:grid}.tr.head{color:#5e6c89;text-transform:uppercase;letter-spacing:1px;font-size:9px}.tr>span:first-child{display:grid}.tr small{color:#677491;font-size:10px}.dot{background:#68728a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dot.online{background:#37dfa5}.dot.offline{background:#f25f7c}.dot.warning{background:#ffb456}.empty{text-align:center;color:#65718d;padding:60px 20px}.empty svg{color:#566381}.empty h3{color:#b9c3d8}.empty.mini{padding:35px}.loading{color:#74809c;place-items:center;gap:15px;padding:100px;display:grid}.loading img{width:52px;animation:2s linear infinite turn}.hamb,.close{display:none}.panel.error{margin-top:30px}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=720px){.shell{display:block}.content{padding:22px 16px}.hamb{margin:0 15px 0 0;display:block}aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:none}.close{display:block;position:absolute;top:10px;right:10px}.stats{grid-template-columns:1fr}.hero{align-items:flex-start}.pulse{display:none}.login-card{padding:27px}.login h1{font-size:33px}}.settings-grid{grid-template-columns:minmax(320px,620px) minmax(260px,1fr);align-items:start;gap:17px;display:grid}.settings-form{gap:17px;display:grid}.settings-form label{color:#a7b0c7;gap:7px;font-size:12px;font-weight:600;display:grid}.settings-form input{color:#fff;background:#090e1d;border:1px solid #26304b;border-radius:10px;outline:none;width:100%;padding:13px}.settings-form input:focus{border-color:#28cfe7;box-shadow:0 0 0 3px #28cfe719}.settings-form label small{color:#65718d;font-weight:400}.settings-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#18bdd9,#775be9);border:0;border-radius:10px;justify-self:start;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.settings-form button:disabled{opacity:.6}.success{color:#70e5bb;background:#12372f;border-radius:8px;padding:11px;font-size:13px}.security-note{color:#43d7e9;gap:14px;display:flex}.security-note div{gap:6px;display:grid}.security-note b{color:#dce6f8;font-size:13px}.security-note p{margin:0}@media (width<=900px){.settings-grid{grid-template-columns:1fr}}