:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9eef8;background:#09101d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#142745,#09101d 42%);min-height:100vh}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{padding:24px 18px;border-right:1px solid #243149;background:#0b1322cc;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand>b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#2e6cff;box-shadow:0 8px 28px #2e6cff44}.brand strong,.brand small{display:block}.brand small{color:#8190a9;margin-top:3px}nav{display:grid;gap:7px}.nav,nav a{border:0;background:transparent;color:#9eabc0;padding:12px 14px;text-align:left;border-radius:10px;font-size:14px;text-decoration:none;cursor:pointer}.nav:hover,.nav.active,nav a:hover{background:#17243a;color:white}.bottom{margin-top:auto;display:grid;gap:10px;color:#8290a8;font-size:13px}main{padding:30px 38px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0;font-size:27px}h2{margin-top:6px}p{color:#91a0b7;line-height:1.55}#who{padding:9px 13px;background:#111d30;border:1px solid #273650;border-radius:999px;font-size:13px}.card{background:#101b2cdd;border:1px solid #263550;border-radius:18px;padding:22px;box-shadow:0 20px 60px #0003}.compact{max-width:560px}.login{display:grid;place-items:center;min-height:62vh}.login .card{width:min(440px,100%)}label{display:grid;gap:7px;color:#b9c4d5;font-size:13px;margin:14px 0}input,select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #30415e;background:#0a1322;color:white;outline:none}input:focus,select:focus{border-color:#4d7fff}button{cursor:pointer}.primary,.secondary,.outline,.danger,.small{border-radius:10px;padding:11px 14px;border:0;font-weight:650}.primary{background:#3974ff;color:white;width:100%}.secondary{background:#1c2b43;color:#dbe5f7}.outline{background:transparent;border:1px solid #31425f;color:#d7e1f1}.danger{background:#4b1d2a;color:#ffb5c3}.small{padding:7px 9px;background:#1b2940;color:#dce5f3;margin:2px}.tag{font-size:11px;letter-spacing:.13em;color:#7da2ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat{background:#101b2c;border:1px solid #263550;border-radius:16px;padding:20px}.stat span{display:block;color:#8493aa;font-size:12px}.stat strong{display:block;font-size:30px;margin-top:8px}.spread{display:flex;justify-content:space-between;align-items:center}.table{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #26344a;font-size:13px}th{color:#8391a8}.status{padding:5px 8px;border-radius:999px;background:#16352b;color:#7be3b1}.status.locked{background:#40202a;color:#ff9daf}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.msg{margin-top:12px;color:#82e1b2;font-size:13px}.msg.error{color:#ff9cae}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px}.modalcard{width:min(520px,100%)}.x{background:transparent;color:white;border:0;font-size:26px}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static;border-right:0}.stats,.cards3{grid-template-columns:1fr 1fr}main{padding:22px}}@media(max-width:600px){.stats,.cards3{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}}