:root{font-family:system-ui,-apple-system,sans-serif;color:#182c45;background:#f3f6fb;font-size:16px;--blue:#145bdb;--border:#dce4ef}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{background:#102540;color:white;width:248px;flex-shrink:0;padding:32px 22px;display:flex;flex-direction:column;gap:14px}.logo{font-size:30px;letter-spacing:3px;font-weight:800;color:white;text-decoration:none;margin-bottom:24px}.logo span{display:block;font-size:12px;letter-spacing:2.4px;color:#8db8ff;margin-top:8px}label{display:grid;gap:8px;font-size:14px;font-weight:600}aside select{background:#1b3656;color:white;border-color:#476180}nav{display:grid;gap:8px;margin-top:26px}nav button{background:none;text-align:left;color:#c8d6e9;border:0}nav button.active{background:#264668;color:white}.aside-footer{margin-top:auto;font-size:14px;line-height:2;color:#adbfda}a{color:#145bdb}.aside-footer a{color:#adbfda}main{width:100%;max-width:1440px;padding:40px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:32px;margin:6px 0 20px;letter-spacing:-1px}h2{font-size:22px;margin:0 0 18px}h3{font-size:18px;margin:0 0 12px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:#58728f;margin:0}.notice{background:#e7effc;border:1px solid #ccdcf7;border-radius:12px;padding:15px 18px;font-size:14px;line-height:1.6;margin-bottom:28px}button,input,select,textarea{font:inherit;border-radius:8px}button{background:var(--blue);color:white;padding:11px 16px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:600}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #70a4ff;outline-offset:3px}.subtle{background:transparent;color:inherit;border:1px solid #b9c9df}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bdcbdc;background:white;color:#182c45}textarea{min-height:115px;resize:vertical}.grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:24px}.card{background:white;padding:26px;border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 12px #172c4504;margin-bottom:16px}.fields{display:grid;gap:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.muted{color:#60758e;font-size:14px;line-height:1.6}.empty{padding:28px 0;color:#60758e;font-size:16px}.badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#eaf1fc;color:#245194;font-size:12px}.item{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#f3f6fb;border-radius:10px;padding:18px;font-size:14px}.metric strong{display:block;font-size:24px;margin-top:8px}dialog{border:1px solid var(--border);border-radius:18px;padding:28px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#10254090}dialog label{margin-top:16px}#message:not(:empty){padding:12px 16px;border-radius:8px;background:#fff1d8;margin-bottom:20px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border)}.table-wrap{overflow:auto}@media(max-width:1000px){main{padding:28px}.grid{grid-template-columns:1fr}aside{width:210px}}@media(max-width:700px){body{display:block}aside{width:100%;padding:18px;gap:10px}.logo{font-size:24px;margin:0}.logo span{display:inline;font-size:12px;margin-left:16px}aside label,.aside-footer{display:none}nav{display:flex;overflow:auto;margin:4px 0 0}nav button{white-space:nowrap}main{padding:24px 16px}header{align-items:flex-start}h1{font-size:26px}.card{padding:20px}.row{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}
.actions{align-items:flex-start}.actions form{display:grid;gap:12px;flex:1;min-width:220px}dialog{max-height:90vh;overflow:auto}header .actions{margin-top:0}nav button{min-height:44px}.badge{font-size:14px}.row{min-width:0}.card{min-width:0}header{flex-wrap:wrap}@media(max-width:700px){.actions form{min-width:0;width:100%}}