:root{font-family:system-ui,sans-serif;background:#080f1d;color:#e8f0fb}*{box-sizing:border-box}body{margin:0}#shell{display:flex;min-height:100vh}#shell[hidden],[hidden]{display:none!important}aside{width:240px;flex-shrink:0;background:#111c2c;padding:25px 15px;border-right:1px solid #314158}aside p{color:#92abc4}nav{display:grid;gap:8px;margin:35px 0}button{background:#55bde9;color:#041827;border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}nav button{background:#1b2a40;color:#d4e6f4;text-align:left}nav button:hover,nav button.active{background:#284f69}main{flex:1;min-width:0;padding:35px;max-width:1450px}header{display:flex;justify-content:space-between;align-items:center}header span{font-size:12px;color:#8acdeb}h1{font-size:30px}.notice{background:#153349;border-left:3px solid #55bde9;padding:18px;margin:15px 0 25px;border-radius:8px;color:#c5dbe8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article,.card{background:#131f30;border:1px solid #2b3e55;border-radius:15px;padding:24px;margin-bottom:18px}.metrics strong{display:block;font-size:42px;margin-top:10px}.card{max-width:900px}p{color:#a8bdd1}label{display:block;margin:16px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:12px;margin-top:8px;background:#0b1525;color:white;border:1px solid #42536c;border-radius:8px}fieldset{border:1px solid #42536c;border-radius:8px}fieldset label{display:inline-block;margin-right:16px}.item{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #324358;padding:16px 0}.item small{display:block;color:#8fa5bc;margin-top:6px}.pill{background:#28465c;border-radius:30px;padding:6px 10px;color:#99ddff;font-size:12px}.item button{background:#30455e;color:#e4f5ff}.account{padding:15px;border:1px solid #40536b;border-radius:10px;margin:12px 0}#login{width:min(440px,calc(100% - 32px));margin:9vh auto;padding:30px;background:#142237;border:1px solid #31475e;border-radius:18px}#login button{width:100%}a{color:#76d1f7}#loginError,#formError,#uploadError{color:#ffb0b0}@media(max-width:780px){#shell{display:block}aside{width:auto}nav{grid-template-columns:repeat(2,1fr)}main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}

.variant{margin:16px 0;padding:18px;border:1px solid #3b5b74;border-radius:12px;background:#0c192b}.variant h3{margin:0;color:#a8e5ff}.variant small,.counter{color:#91a9c3;font-size:12px}.counter{float:right}