@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--bg:#090d18;--panel:#111827;--line:#29344a;--txt:#edf2ff;--muted:#9aa7bd;--cyan:#63d9df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:'DM Sans',sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{border-right:1px solid var(--line);padding:25px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font:700 13px 'Space Grotesk';letter-spacing:1.5px}.brand i{font-style:normal;background:linear-gradient(135deg,#9884ff,#52d4d9);color:#101426;border-radius:12px;padding:10px 14px;font-size:22px}.brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:4px}.label,header small,section>small,.heading small,.hero small{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:700}.label{margin:50px 0 12px;color:#78869d}nav{display:grid;gap:7px}nav a{padding:13px;border-radius:9px;color:#adbad0;text-decoration:none;font-size:13px}nav a:hover,nav a.active{background:#1b2340;color:white}.status{margin-top:auto;font-size:12px;color:#c4d0e4}.status small{display:block;margin:8px 0;color:#78869d;font-size:9px;letter-spacing:1px}main{width:100%;max-width:1400px;padding:34px clamp(18px,4vw,60px);margin:auto}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}header h1{font:600 clamp(25px,3vw,36px) 'Space Grotesk';margin:8px 0}.mode,.tag{font-size:9px;letter-spacing:1px;border:1px solid #514779;color:#c5baff;padding:9px 12px;border-radius:30px}.hero{margin:32px 0 18px;padding:30px;border:1px solid #39375d;border-radius:17px;background:radial-gradient(circle at 85% 35%,#38366b,transparent 38%),linear-gradient(120deg,#191d36,#121a2a);display:flex;justify-content:space-between;align-items:center}.hero h2,h2{font:600 22px 'Space Grotesk';margin:9px 0}.hero p,.muted{color:var(--muted);font-size:12px;line-height:1.7}.hero p{max-width:580px}.orb{width:90px;height:90px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#a18cff,#5bd8d7);color:#101426;font-weight:700;box-shadow:0 0 60px #8b7aff55}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stats article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.stats article{padding:18px}.stats small{display:block;color:#8d9bb2;font-size:9px;letter-spacing:1px}.stats b{display:block;font:600 29px 'Space Grotesk';margin:9px 0}.stats span{font-size:11px;color:var(--muted)}.panel{padding:23px;margin:16px 0}.panel h2{margin-bottom:4px}.secondary,button.primary{border:0;border-radius:9px;padding:11px 15px;font:600 12px 'DM Sans';cursor:pointer}.secondary{background:#252e45;color:white;border:1px solid #3a4660}.primary{background:linear-gradient(100deg,#9785ff,#5bcfd5);color:#0b1020}.list{display:grid;gap:10px;margin-top:15px}.empty{padding:20px;text-align:center;color:#8492aa;border:1px dashed #344058;border-radius:10px;font-size:12px}.item{padding:14px;border:1px solid #2c3850;border-radius:10px;background:#0c1423}.item b{font-size:13px}.item small{display:block;color:#91a0b8;margin-top:5px;font-size:11px}form{display:grid;gap:12px;margin-top:18px}label{font-size:12px;color:#bdc8db}input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #344158;border-radius:9px;background:#0a1220;color:white;font:13px 'DM Sans'}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:#9884ff}footer{text-align:center;color:#68758d;font-size:10px;padding:22px}@media(max-width:740px){.shell{display:block}aside{position:relative;height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.label,.status{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap;font-size:11px;padding:10px}main{padding:20px 13px}header{align-items:flex-start;flex-direction:column}.hero{padding:22px}.orb{width:65px;height:65px;font-size:12px}.stats{gap:7px}.stats article{padding:11px}.stats b{font-size:22px}.stats span{font-size:9px}.panel{padding:16px}.heading{align-items:flex-start;flex-wrap:wrap}}