*{box-sizing:border-box}body{margin:0;background:#070f1d;color:#f0f5ff;font:15px system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #365579;border-radius:10px;padding:11px 15px;background:#172a46;color:#eaf2ff}button.primary{background:#2563b9;border-color:#3979d4}button:hover{filter:brightness(1.15)}input,select{border:1px solid #365579;border-radius:9px;padding:10px;background:#101e33;color:#fff}label{display:block;color:#a8b8d0;font-size:12px;margin-bottom:6px}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#0c1729;border-right:1px solid #223650;padding:28px 18px}aside .logo{font-size:21px;font-weight:800;letter-spacing:.06em;color:#a6ceff}aside small{color:#8da4c0}nav{margin-top:36px}nav a{display:block;background:#162944;padding:12px 14px;border-radius:10px;color:#dceaff;text-decoration:none}main{padding:34px;max-width:1300px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}h1{margin:0 0 8px;font-size:30px}h2{font-size:18px;margin:0 0 14px}p{color:#aabbd1}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filters>div{min-width:160px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.card,.panel{background:#101f34;border:1px solid #263e5d;border-radius:15px;padding:21px}.card small{color:#9bb2cd}.card strong{font-size:27px;display:block;margin-top:11px;letter-spacing:-.03em}.panels{display:grid;grid-template-columns:1fr;gap:18px}.panel{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;border-bottom:1px solid #283d58;padding:13px 10px}th{font-size:12px;color:#9db3cf;font-weight:600}td:last-child,th:last-child{text-align:right}.tag{border:1px solid #3b638e;background:#142b47;padding:5px 9px;border-radius:8px;font-size:12px;color:#b6d8ff}.notice{background:#2b2416;color:#ffdda4;padding:12px 16px;border:1px solid #6d532d;border-radius:10px;margin-top:18px}.login{max-width:420px;margin:12vh auto;padding:30px;background:#111f35;border:1px solid #314b6d;border-radius:18px}.login input{display:block;width:100%;margin-bottom:15px}.login button{width:100%}.muted{color:#a9bad0}.error{color:#ffb1b1}.empty{padding:28px;text-align:center;color:#aabbd1}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{padding:15px;display:flex;align-items:center;justify-content:space-between}nav{margin:0}main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.cards{grid-template-columns:1fr}.top{align-items:start}.card strong{font-size:25px}}