*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#16223a;background:#f5f7fb}h1{font-size:30px;margin:6px 0 12px;letter-spacing:-.7px}h2{font-size:19px}p{color:#67758e;line-height:1.6}.brand{font-size:22px;font-weight:850;letter-spacing:1px;color:white;margin-bottom:45px}.brand span{color:#3e8bff}.login{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 20%,#213c77,#0b1731 70%)}.login-card{background:white;padding:40px;border-radius:20px;max-width:460px;width:100%;box-shadow:0 24px 70px #0003}.login-card .brand{color:#0c1d3b;margin-bottom:26px}.login-card p{margin-bottom:28px}label{display:block;font-size:13px;font-weight:650;color:#33445e;margin:12px 0}input,select{display:block;width:100%;padding:12px 13px;margin-top:8px;border:1px solid #d9e1ee;border-radius:9px;background:white;font:inherit;min-width:0}button,.buttonlink{display:inline-block;background:#2563eb;border:0;color:white;padding:12px 17px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.login button{width:100%;margin-top:8px}.login small{display:block;margin-top:22px;color:#74819a}.notice,.error{padding:13px 16px;border-radius:9px;margin:12px 0;background:#e8f6f1;color:#14634a}.error{background:#fff0ef;color:#a72c2c}.app{display:flex;min-height:100vh}aside{width:245px;background:#0d1a35;color:#aebcda;padding:30px 20px;flex-shrink:0;position:relative}.nav{display:block;color:#b7c4dc;padding:13px 15px;border-radius:10px;text-decoration:none;margin-bottom:7px}.nav.active,.nav:hover{background:#243e70;color:white}.aside-foot{position:absolute;bottom:30px;font-size:11px;line-height:2;letter-spacing:1px}.main{flex:1;min-width:0;padding:38px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}header small{font-size:11px;letter-spacing:1.8px;color:#8492aa;font-weight:700}.outline{background:white;color:#263f71;border:1px solid #d8e1f0}.pill{display:inline-block;background:#e5edff;color:#2459c7;border-radius:100px;font-size:11px;font-weight:800;padding:9px 13px;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.cards article,.panel{background:white;border:1px solid #e8edf6;border-radius:15px;padding:26px;box-shadow:0 4px 18px #142b4b08}.stat-label{font-size:13px;color:#71809a}.stat{font-size:36px;font-weight:850;margin:12px 0}.cards small{color:#a0abc0}.panel{margin:20px 0}.add{display:grid;grid-template-columns:1fr 1fr 140px auto;gap:10px;align-items:end}.add button{margin-bottom:12px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px;border-bottom:1px solid #edf0f6;font-size:13px}th{color:#7c8ca4}.inline{display:flex;gap:10px;align-items:center}.inline select{width:auto;min-width:110px;margin:0}.inline button{padding:11px}@media(max-width:900px){.add{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.main{padding:24px}.inline{flex-wrap:wrap}}@media(max-width:650px){.app{display:block}aside{width:100%;padding:15px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{margin:0 12px 0 0}.nav{margin:0;padding:9px}.aside-foot{display:none}.main{padding:22px 16px}header h1{font-size:24px}.add{grid-template-columns:1fr}.login-card{padding:26px}.cards{gap:10px}}