:root{font-family:Segoe UI,Arial,sans-serif;color:#173443;background:#f3f6f8;--surface:#fff;--line:#dbe4e8;--muted:#607785;--accent:#0081a5;--soft:#e7f4f7}*{box-sizing:border-box}body{margin:0}body.dark{background:#10232d;color:#e2edf2;--surface:#19323e;--line:#35505e;--muted:#adbfca;--soft:#234752}header{padding:24px max(24px,calc((100vw - 1280px)/2));background:var(--surface);display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:4px solid #9cc735}.brand{display:flex;align-items:center;gap:22px}.brand img{width:140px;background:white;padding:8px;border-radius:10px}.brand small,.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--accent)}h1{font-size:25px;margin:4px 0}h2{font-size:27px;line-height:1.2;margin:8px 0 12px}.brand p{margin:0;color:var(--muted)}main{max-width:1280px;margin:36px auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 6px 24px #17344305}.login{max-width:500px;margin:70px auto}.login>p{line-height:1.7;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin:12px 0}input,textarea,select{display:block;width:100%;background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px;font:inherit}textarea{min-height:88px;resize:vertical}button{font:600 13px Segoe UI,Arial;cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:11px 16px}button:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#006985}.login button{width:100%;margin:14px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.intro p{color:var(--muted);font-size:14px}nav{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}nav button{min-width:145px;text-align:left}nav .active{background:var(--accent);color:white;border-color:var(--accent)}nav b{display:block;font-size:22px;margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.search{width:min(500px,70%);margin:0 0 18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:13px 12px;background:var(--soft);font-size:12px;color:var(--muted)}td{padding:16px 12px;border-bottom:1px solid var(--line);max-width:420px;overflow-wrap:anywhere}td small{display:block;color:var(--muted);margin-top:5px}td button{padding:7px 12px;margin:3px}.muted,.note{color:var(--muted);font-size:13px;line-height:1.6}.note{margin:18px 4px}#message{padding:12px;border-radius:8px;white-space:pre-line}#message:not(:empty){background:var(--soft)}#message.error{color:#b23544;background:#fff0f1}dialog{width:min(740px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;padding:26px}dialog::backdrop{background:#10232d99}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading button{font-size:20px;padding:3px 12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.fields .wide{grid-column:1/-1}.fields input[type=checkbox]{display:inline;width:auto;margin-right:8px}.bottom{justify-content:flex-end;margin-top:20px}footer{text-align:center;font-size:12px;color:var(--muted);line-height:1.7;padding:28px}[hidden]{display:none!important}@media(max-width:700px){header,.intro{align-items:start;flex-direction:column}.brand img{width:100px}h1{font-size:20px}.fields{display:block}.card{padding:16px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}main{padding:0 14px}nav button{flex:1;min-width:120px}}
