:root{font:15px system-ui;color:#233c55;background:#f3f6fa}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:225px;background:#142f4b;color:#fff;min-height:100vh;padding:32px 22px;position:fixed;height:100%;}.brand{font-size:34px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:11px;letter-spacing:4px;margin-top:3px}.nav{margin:48px -8px 26px;background:#2d516f;padding:15px;border-radius:9px}aside p,aside small{color:#b1c4d8;font-size:12px}main{margin-left:225px;padding:35px;width:calc(100% - 225px)}header{display:flex;align-items:center;justify-content:space-between;gap:15px}header small{letter-spacing:2px;color:#6c8398}h1{font-size:27px;margin:8px 0 25px}.badge{white-space:nowrap;font-size:11px;background:#d9efe9;color:#176c55;padding:9px;border-radius:6px}.notice{padding:15px 18px;background:#e9f0f8;border-left:3px solid #4888b7;border-radius:6px;font-size:13px;line-height:1.6}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin:24px 0}.stats article{background:white;border:1px solid #e1e8ef;padding:22px;border-radius:12px}.stats b{font-size:28px;display:block}.stats span{display:block;color:#6c7e90;font-size:13px;margin-top:6px}.panel{background:#fff;border:1px solid #e1e8ef;border-radius:12px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:22px;padding:22px;flex-wrap:wrap}.toolbar h2{margin:0;font-size:20px}.toolbar p{margin:5px 0;color:#748598;font-size:13px}.search{flex:1;min-width:200px}label{display:block;font-size:12px;color:#62768a}input,select,textarea{display:block;margin-top:6px;border:1px solid #cdd8e3;border-radius:7px;background:#fff;color:#233c55;font:inherit;font-size:14px;padding:11px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #83b4db}.table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:740px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#f5f8fb;color:#6c8095}td,th{padding:15px 22px;border-bottom:1px solid #edf1f5}td{font-size:13px;max-width:290px;overflow-wrap:anywhere}td b{font-weight:600}td small{display:block;color:#8190a1;margin-top:5px}.chip{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;background:#eaf0f7;color:#486784}button{cursor:pointer;padding:9px 13px;border:1px solid #cbd6e2;background:white;border-radius:7px;color:#294c6c;font:inherit;font-size:13px}button:disabled{opacity:.4;cursor:default}button:hover:enabled{background:#eaf2fa}footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px;font-size:13px}footer span{margin-right:auto}.footnote{color:#798a9b;font-size:12px;line-height:1.6}#error,#editError{color:#af3434;padding:0 22px}dialog{border:0;border-radius:14px;box-shadow:0 20px 80px #142f4b66;width:min(520px,95vw);padding:28px}dialog::backdrop{background:#142f4b77}dialog label{margin:12px 0}dialog h2{margin-top:0}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.primary{background:#204d73;color:white}#review{font-size:12px;color:#8c681d}@media(max-width:800px){aside{position:static;width:100%;min-height:0;height:auto;padding:14px 20px;display:flex;align-items:center;gap:20px}.brand{font-size:24px}.brand span{font-size:8px}.nav{margin:0;padding:10px}aside p,aside small{display:none}body{display:block}main{margin:0;width:100%;padding:20px}h1{font-size:22px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:span 2}.toolbar{padding:15px;gap:14px}.badge{font-size:9px}.stats article{padding:16px}}

@media(max-width:600px){.table{overflow:visible}table{min-width:0}thead{display:none}tbody,tr,td{display:block}tr{padding:14px 18px;border-bottom:1px solid #dce5ee}td{max-width:none;padding:5px 0;border:0}td:first-child{font-size:16px;font-weight:650}td:nth-child(3){color:#718497}td:last-child{text-align:right}header{align-items:flex-start}.badge{margin-top:5px}.toolbar>div{width:100%}.search{min-width:100%}}

aside button.nav{color:white;border:0;width:100%;text-align:left;font:inherit}aside button.nav:hover{background:#3b6384}