:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#19283b;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}button{background:#1766c1;color:white;border:0;border-radius:8px;padding:11px 17px;cursor:pointer;font-weight:600}button.secondary{background:#e7edf5;color:#25374a}button:hover{filter:brightness(.94)}#app{display:flex;min-height:100vh}#app[hidden],#login[hidden]{display:none}aside{width:245px;background:#15283f;color:white;padding:25px 15px;display:flex;flex-direction:column;gap:20px}aside h2{font-size:19px;margin:0 8px 15px}nav{display:grid;gap:5px;flex:1}nav button{text-align:left;background:transparent;font-weight:500}nav button.active{background:#2e5074}main{flex:1;min-width:0;padding:26px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}header p{color:#687b90;margin:7px 0}.panel,.metric{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #14283a08}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metric strong{font-size:29px;display:block}.metric span{color:#63778b}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;align-items:center}table{border-collapse:collapse;width:100%;background:white;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #e8edf3;font-size:14px}th{background:#eaf0f7;color:#42566c}td button{padding:7px 11px}.tablewrap{overflow:auto}.login{min-height:100vh;display:grid;place-items:center}.login .panel{width:min(410px,92vw)}label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#44566b}input,select,textarea{width:100%;border:1px solid #cbd6e2;border-radius:7px;padding:10px;font:inherit;background:white;color:#19283b}textarea{min-height:75px}.login label{margin:16px 0}.login button{width:100%}dialog{border:0;border-radius:12px;padding:25px;width:min(750px,95vw);max-height:90vh;box-shadow:0 15px 50px #12223644}dialog::backdrop{background:#0d1d2b88}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.error{color:#b3261e}#toast{position:fixed;bottom:22px;right:22px;background:#18344f;color:white;border-radius:8px;padding:12px 18px;display:none}.hint{color:#60778b;font-size:13px}.pill{padding:4px 9px;border-radius:30px;background:#e8f2ff;color:#195a9c;font-size:12px}@media(max-width:800px){#app{display:block}aside{width:100%;padding:15px}nav{display:flex;overflow:auto}main{padding:16px}.metrics{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}}