:root{--bg:#090a0f;--surface:#101218;--surface-2:#151820;--surface-3:#1b1e28;--line:rgba(255,255,255,.085);--text:#f5f5f7;--muted:#9297a8;--purple:#ae7cff;--purple-2:#7753dc;--cyan:#69d4ff;--green:#51dda0;--red:#ff657d;--amber:#f6c66e;--sidebar:248px;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 75% -10%,rgba(117,72,214,.13),transparent 30%),var(--bg);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:27px 18px 22px;border-right:1px solid var(--line);background:rgba(10,11,16,.9);backdrop-filter:blur(22px);display:flex;flex-direction:column;z-index:10}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px;color:var(--text);text-decoration:none}.side-brand img{width:46px;height:46px;border-radius:13px;image-rendering:auto;filter:drop-shadow(0 8px 18px rgba(135,77,255,.3))}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:18px;letter-spacing:.19em}.side-brand span{margin-top:1px;color:#74798a;font-size:8px;font-weight:800;letter-spacing:.17em}.navigation{display:grid;gap:6px;margin-top:42px}.navigation a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;color:#969bab;text-decoration:none;font-weight:650;transition:background .2s,color .2s,transform .2s}.navigation a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateX(2px)}.navigation a.active{color:#fff;background:linear-gradient(110deg,rgba(169,118,255,.22),rgba(105,212,255,.045));box-shadow:inset 0 0 0 1px rgba(174,124,255,.17)}.navigation a.active .icon{color:#bb91ff}.side-footer{margin-top:auto;display:grid;gap:9px}.side-state{display:flex;align-items:center;gap:9px;padding:10px 13px;color:#9da2b3;font-size:12px}.side-state i,.source-dot,.status-kicker i{display:block;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 13px rgba(246,198,110,.45)}.side-state.online i,.source-dot.online,.status-hero.online .status-kicker i{background:var(--green);box-shadow:0 0 13px rgba(81,221,160,.5)}.side-state.offline i,.source-dot.offline,.status-hero.offline .status-kicker i{background:var(--red);box-shadow:0 0 13px rgba(255,101,125,.5)}.logout-button{width:100%;display:flex;align-items:center;gap:13px;padding:11px 14px;border:0;border-radius:12px;color:#818697;background:transparent;cursor:pointer}.logout-button:hover{color:#fff;background:rgba(255,255,255,.04)}.main{width:min(1430px,100%);padding:31px 42px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.topbar p,.section-label{margin:0;color:#9f74ef;font-size:11px;font-weight:850;letter-spacing:.19em}.topbar h1{margin:4px 0 0;font-size:33px;line-height:1.15;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:14px}.last-check{color:#7e8394;font-size:12px}.top-actions button,.settings-form button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:12px 17px;color:#fff;background:linear-gradient(120deg,#8f5ceb,#6849c7);font-weight:750;cursor:pointer;box-shadow:0 12px 30px rgba(115,72,210,.22);transition:transform .2s,opacity .2s}.top-actions button:hover,.settings-form button:hover{transform:translateY(-1px)}.top-actions button:disabled{opacity:.55}.top-actions button.loading .icon{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:#c9cbd3}.notice .icon{margin-top:2px}.notice strong,.notice span{display:block}.notice span{color:var(--muted);margin-top:1px}.notice.warning{border-color:rgba(246,198,110,.2);background:rgba(246,198,110,.065);color:#f4d89f}.notice.success{border-color:rgba(81,221,160,.2);background:rgba(81,221,160,.07);color:#99f0c8}.notice.information{margin-top:16px;border-color:rgba(174,124,255,.2);background:rgba(174,124,255,.065);color:#d3bafa}.status-hero{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 46px;border:1px solid rgba(174,124,255,.19);border-radius:25px;background:radial-gradient(circle at 80% 45%,rgba(117,77,224,.17),transparent 30%),linear-gradient(130deg,#14151d,#101119);box-shadow:var(--shadow);overflow:hidden}.status-hero.online{border-color:rgba(81,221,160,.18)}.status-hero.offline{border-color:rgba(255,101,125,.2)}.status-copy{max-width:690px}.status-kicker{display:flex;align-items:center;gap:9px;color:#a4a8b5;font-size:11px;font-weight:850;letter-spacing:.17em}.status-copy h2{margin:10px 0 6px;font-size:58px;line-height:1;letter-spacing:-.055em}.status-hero.online h2{background:linear-gradient(100deg,#fff,#81edba);-webkit-background-clip:text;color:transparent}.status-hero.offline h2{color:#ff899b}.status-copy p{max-width:600px;margin:0;color:var(--muted);font-size:15px}.server-address{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.18)}.server-address span{font-weight:750}.server-address small{padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.055);color:#858a9b}.status-art{min-width:230px;display:grid;justify-items:center;gap:14px}.status-art>span{color:#7f8496;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.radar{position:relative;width:170px;height:170px;display:grid;place-items:center}.radar i{position:absolute;inset:20%;border:1px solid rgba(174,124,255,.2);border-radius:50%;animation:radar 2.8s ease-out infinite}.radar i:nth-child(2){animation-delay:.85s}.radar i:nth-child(3){animation-delay:1.7s}.radar img{position:relative;z-index:2;width:82px;height:82px;border-radius:21px;filter:drop-shadow(0 17px 28px rgba(126,75,230,.42))}@keyframes radar{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.7);opacity:0}}.metrics{display:grid;gap:14px;margin:15px 0}.metrics.four{grid-template-columns:repeat(4,1fr)}.metrics.three{grid-template-columns:repeat(3,1fr)}.metrics article,.panel,.source-strip,.discord-card,.diagnostic-grid article,.settings-layout{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(21,23,31,.95),rgba(14,16,22,.95))}.metrics article{min-height:145px;padding:21px}.metrics article>span{display:block;color:#898e9f;font-size:13px}.metrics strong{display:block;margin-top:11px;font-size:31px;line-height:1.1;letter-spacing:-.03em}.metrics strong.compact{font-size:20px;line-height:1.3}.metrics small{display:block;margin-top:7px;color:#737889;font-size:12px}.panel{padding:23px;margin-top:15px}.panel-title{display:flex;align-items:end;justify-content:space-between;gap:18px}.panel-title span{color:#9f74ef;font-size:10px;font-weight:850;letter-spacing:.17em}.panel-title h3{margin:3px 0 0;font-size:20px}.panel-title em{color:#8c91a1;font-style:normal;font-size:13px}.chart-panel canvas{display:block;width:100%;height:260px;margin-top:17px}.range-buttons{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0d0f15}.range-buttons button{border:0;border-radius:7px;padding:6px 10px;color:#858a9a;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.range-buttons button.active{color:#fff;background:#28223b}.source-strip{display:flex;gap:0;margin-top:15px;padding:10px}.source-strip article{flex:1;display:flex;align-items:center;gap:11px;padding:11px 15px}.source-strip article+article{border-left:1px solid var(--line)}.source-strip strong,.source-strip small{display:block}.source-strip strong{font-size:13px}.source-strip small{color:#7d8293;font-size:11px}.source-dot.unknown{background:var(--amber)}.uptime-grid{display:grid;grid-template-columns:repeat(48,minmax(4px,1fr));gap:5px;margin-top:20px}.uptime-grid>i{aspect-ratio:1;border-radius:3px;background:#3a3e4a}.uptime-grid>i.online,.legend i.online{background:var(--green);box-shadow:0 0 8px rgba(81,221,160,.18)}.uptime-grid>i.offline,.legend i.offline{background:var(--red);box-shadow:0 0 8px rgba(255,101,125,.18)}.uptime-grid>i.unknown,.legend i.unknown{background:#4b4e59}.legend{display:flex;align-items:center;gap:6px;color:#858a9b;font-size:11px}.legend i{width:7px;height:7px;border-radius:2px;margin-left:7px}.prose h3{margin:0 0 7px}.prose p{max-width:900px;margin:0;color:var(--muted)}.discord-card{min-height:210px;display:flex;align-items:center;gap:24px;padding:35px}.discord-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:21px;color:#fff;background:linear-gradient(135deg,#7456d9,#9e70f4);box-shadow:0 17px 35px rgba(111,78,206,.27)}.discord-icon .icon{width:38px;height:38px}.discord-card>div:nth-child(2){flex:1}.discord-card span{color:#a884ef;font-size:11px;font-weight:850;letter-spacing:.16em}.discord-card h2{margin:5px 0 3px;font-size:30px}.discord-card p{margin:0;color:var(--muted)}.discord-card a{padding:12px 17px;border-radius:11px;color:#fff;background:#7252d1;text-decoration:none;font-weight:750}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.diagnostic-grid article{min-height:165px;padding:22px}.diagnostic-head{display:flex;align-items:center;gap:10px;color:#a9adba}.diagnostic-head .icon{color:#ad82f5}.diagnostic-grid h3{margin:18px 0 4px;font-size:21px}.diagnostic-grid p{margin:0;color:#7f8495;font-size:12px;overflow-wrap:anywhere}.settings-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;padding:34px}.settings-layout h2{margin:6px 0 8px;font-size:29px}.settings-layout>div>p{max-width:430px;color:var(--muted)}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-form label{color:#9398a9;font-size:12px}.settings-form input,.settings-form select,.login-form input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;outline:0;color:#fff;background:#0b0d12}.settings-form input:focus,.settings-form select:focus,.login-form input:focus{border-color:#8e63df;box-shadow:0 0 0 3px rgba(142,99,223,.12)}.settings-form .wide{grid-column:1/-1}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(125,75,225,.16),transparent 28%),#090a0f}.login-shell{width:min(970px,100%);min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#101218;box-shadow:0 40px 120px rgba(0,0,0,.45)}.login-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(152,93,255,.18),transparent 40%),linear-gradient(145deg,#171427,#0d0e14)}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.orbit{position:absolute;border:1px solid rgba(171,118,255,.13);border-radius:50%}.orbit-one{width:300px;height:300px}.orbit-two{width:430px;height:430px}.signal-bars{position:relative;z-index:2;height:115px;display:flex;align-items:end;gap:11px}.signal-bars i{width:15px;border-radius:8px;background:linear-gradient(#65d7ff,#a86fff);box-shadow:0 0 25px rgba(157,101,255,.26);animation:signal 1.5s ease-in-out infinite}.signal-bars i:nth-child(1){height:43px}.signal-bars i:nth-child(2){height:76px;animation-delay:.12s}.signal-bars i:nth-child(3){height:112px;animation-delay:.24s}.signal-bars i:nth-child(4){height:67px;animation-delay:.36s}.signal-bars i:nth-child(5){height:34px;animation-delay:.48s}@keyframes signal{50%{transform:scaleY(.6);opacity:.7}}.visual-copy{position:absolute;z-index:2;bottom:58px;color:#73778a;font-size:10px;font-weight:850;letter-spacing:.22em}.login-panel{padding:48px 52px;display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:14px}.login-brand img{width:70px;height:70px;border-radius:17px;filter:drop-shadow(0 11px 23px rgba(125,73,221,.34))}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:23px;letter-spacing:.2em}.login-brand span{color:#777c8d;font-size:9px;font-weight:800;letter-spacing:.18em}.login-copy{margin-top:38px}.login-copy>p{margin:0;color:#a275ef;font-size:10px;font-weight:850;letter-spacing:.2em}.login-copy h1{margin:8px 0 12px;font-size:42px;line-height:1.08;letter-spacing:-.04em}.login-copy h1 em{color:#b589fb;font-style:normal}.login-copy>span{display:block;max-width:450px;color:#8b90a1}.login-form{margin-top:27px}.login-form label{color:#9ba0b0;font-size:12px}.login-form button{width:100%;margin-top:13px;padding:13px;border:0;border-radius:11px;color:#fff;background:linear-gradient(115deg,#8f5be8,#6745c2);font-weight:750;cursor:pointer}.login-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#6f7485;font-size:11px}.login-secure .icon{width:15px}.form-alert{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 13px;border:1px solid rgba(255,101,125,.18);border-radius:10px;color:#ffadba;background:rgba(255,101,125,.07);font-size:12px}.form-alert .icon{width:18px}
@media(max-width:1100px){:root{--sidebar:92px}.side-brand{justify-content:center}.side-brand>div,.navigation a span,.side-state,.logout-button span{display:none}.navigation a,.logout-button{justify-content:center}.metrics.four{grid-template-columns:1fr 1fr}.diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app{display:block;padding-bottom:78px}.sidebar{position:fixed;z-index:20;top:auto;bottom:0;left:0;right:0;width:100%;height:72px;padding:8px;border:0;border-top:1px solid var(--line);display:block}.side-brand,.side-footer{display:none}.navigation{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0}.navigation a{height:56px;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;border-radius:9px;font-size:9px}.navigation a span{display:block;font-size:9px}.navigation a:hover{transform:none}.navigation .icon{width:19px;height:19px}.main{padding:21px 14px 35px}.topbar{align-items:flex-start}.topbar h1{font-size:27px}.last-check{display:none}.top-actions button{padding:11px}.top-actions button span{display:none}.status-hero{min-height:310px;display:block;padding:27px 24px}.status-copy h2{font-size:43px}.status-art{display:none}.metrics.four,.metrics.three{grid-template-columns:1fr 1fr;gap:10px}.metrics article{min-height:130px;padding:17px}.metrics strong{font-size:26px}.source-strip{display:block}.source-strip article+article{border-left:0;border-top:1px solid var(--line)}.panel{padding:18px}.panel-title{align-items:flex-start}.chart-panel canvas{height:240px}.range-buttons button{padding:5px 7px}.uptime-grid{grid-template-columns:repeat(24,minmax(4px,1fr));gap:4px}.legend{display:none}.discord-card{display:block;padding:25px}.discord-icon{margin-bottom:20px}.discord-card a{display:block;margin-top:20px;text-align:center}.diagnostic-grid{grid-template-columns:1fr}.settings-layout{display:block;padding:24px}.settings-form{grid-template-columns:1fr;margin-top:26px}.settings-form .wide{grid-column:auto}.login-page{padding:12px}.login-shell{display:block;min-height:0}.login-visual{display:none}.login-panel{padding:34px 25px}.login-copy{margin-top:30px}.login-copy h1{font-size:37px}}
@media(max-width:390px){.navigation a span{font-size:8px}.metrics.four,.metrics.three{grid-template-columns:1fr}.topbar p{display:none}.status-copy h2{font-size:39px}.login-brand img{width:61px;height:61px}}