*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f7fb;color:#172033}a{text-decoration:none;color:#2d62df}aside{position:fixed;left:0;top:0;bottom:0;width:245px;background:#111b3a;color:#dce5ff;padding:28px 18px}aside a{display:block;color:#c6d0ec;padding:12px;border-radius:10px;margin:4px 0}aside a:hover{background:#1e2b52;color:#fff}.logo{font-size:18px;margin:0 10px 35px;color:#fff}.logo small{font-size:9px;letter-spacing:3px;color:#91a3d3}main{margin-left:245px;padding:35px 5vw 70px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}header h1{margin:4px 0;font-size:30px}header small{font-size:10px;letter-spacing:2px;color:#6075aa;font-weight:800}header>span{background:#fff;border:1px solid #e2e8f2;padding:10px 15px;border-radius:99px;font-size:12px}.hero{background:linear-gradient(135deg,#15254f,#29417e);color:#fff;padding:30px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:28px;margin:7px 0}.hero p{color:#cbd5ef}.btn,button{display:inline-block;border:0;border-radius:10px;background:#2f66e5;color:#fff;padding:12px 17px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats>div,.item,.form,.note{background:#fff;border:1px solid #e3e8f1;border-radius:15px;padding:20px}.stats b,.stats small{display:block;margin-top:8px}.stats b{font-size:28px}.stats small{color:#77839a}.note{background:#edf6ff;color:#506987;font-size:13px}.bar{display:flex;justify-content:space-between;align-items:center}.list{display:grid;gap:12px}.item{display:flex;justify-content:space-between;align-items:center}.item h3{margin:7px 0}.item p{margin:0;color:#7b869b;font-size:13px}.item small{font-size:9px;letter-spacing:1.5px;color:#5470b3}.inline{display:inline}.inline button{background:none;color:#bd3947;padding:0}.form{max-width:720px}.form form{display:grid;gap:15px}.form label,.auth label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#43516c}.form input,.form textarea,.auth input{width:100%;padding:12px;border:1px solid #d8e0ec;border-radius:9px;font:inherit}.secret{padding:12px;background:#f1f4f9;border-radius:9px;font-family:monospace;word-break:break-all}.auth{width:min(520px,92vw);background:#fff;border:1px solid #e1e7f0;border-radius:20px;padding:34px;box-shadow:0 20px 60px #1d37631a;margin:auto}.auth h1{margin-bottom:6px}.auth p{color:#758098;font-size:13px}.auth form{display:grid;gap:15px}.auth hr{border:0;border-top:1px solid #e8edf3;width:100%}.auth button{width:100%}.warn{background:#fff7e4;border:1px solid #efdda9;padding:12px;border-radius:10px;font-size:12px;color:#6d581d}.err{background:#fff0f0;color:#9e2e3a;padding:12px;border-radius:9px;margin-bottom:15px}.center{min-height:100vh;display:grid;place-items:center;background:#eef2f8}@media(max-width:800px){aside{width:68px;padding:20px 8px}.logo b,.logo small,aside a{font-size:0}.logo{font-size:24px}.shell main,main{margin-left:68px;padding:22px 15px}.stats{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:flex-start}header>span{display:none}}@media(max-width:480px){.stats{grid-template-columns:1fr}.item{align-items:flex-start;gap:12px;flex-direction:column}}