:root{font-family:Inter,system-ui;background:#0c111b;color:#e8f0ff;--panel:#151d2b;--line:#27354b;--accent:#31c7ff}*[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#12334c 0,transparent 32%),#0c111b}button{background:var(--accent);border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}input{display:block;width:100%;background:#0b121e;color:white;border:1px solid var(--line);padding:12px;border-radius:8px;margin:10px 0}.card{max-width:400px;margin:14vh auto;background:var(--panel);padding:36px;border:1px solid var(--line);border-radius:18px;text-align:center}.brand{font-size:22px;font-weight:900;color:var(--accent)}.brand span{color:#68e69a}h1{margin-bottom:4px}p{color:#91a2bc}small{display:block;color:#ff8791;margin-top:14px}#panel{display:flex;min-height:100vh}aside{width:230px;background:#101825;border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:30px}aside nav{display:grid;gap:8px}aside nav button,aside>button{background:transparent;color:#b8c6dc;text-align:left}article{flex:1;padding:32px;max-width:1200px;margin:auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.tile,.stat{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:14px}.muted{color:#91a2bc}@media(max-width:700px){aside{width:70px;padding:14px}aside nav button{font-size:0}aside nav button:before{content:'◈';font-size:20px}aside .brand{font-size:0}article{padding:18px}header{gap:10px}}