:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1b2e3e;background:#f4f7f9}*{box-sizing:border-box}body{margin:0}a{color:#087d70;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 15px;background:#087d70;color:white;font-weight:700}button:disabled{opacity:.55;cursor:wait}button.ghost,.back{background:white;color:#087d70;border:1px solid #d9e2e7}.back{padding:10px 13px;border-radius:10px;white-space:nowrap}.container{max-width:1200px;margin:auto;padding:34px 22px}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.hero h1{font-size:30px;margin:8px 0}.hero p{margin:0;color:#617887}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#087d70}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid #e2e9ee;border-radius:16px;padding:26px;box-shadow:0 7px 22px #21435b0a}.panel h2{font-size:21px;margin:8px 0}.panel p,.panel small,.subtle{color:#687987}.panel form{display:grid;gap:15px;margin-top:24px}.panel label,dialog label{display:grid;gap:8px;font-size:13px;font-weight:650}.panel input,.panel select,dialog input{padding:12px 13px;min-width:0;border:1px solid #cbd7de;border-radius:10px;background:white;color:#1b2e3e}.notice{border-radius:10px;padding:13px 15px;margin:0 0 18px;background:#ebf7f4;color:#067266}.notice.error{background:#fff0f1;color:#a02130}.stats{display:flex;align-items:center;gap:16px;background:white;padding:13px 20px;border:1px solid #e2e9ee;border-radius:14px;margin-bottom:22px}.stats button{margin-left:auto}.panelhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.panelhead p{margin:0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;margin-top:24px}th,td{border-bottom:1px solid #edf1f3;padding:10px 7px;white-space:nowrap}th{color:#71828d;text-transform:uppercase;font-size:10px;letter-spacing:.09em}.mini{font-size:12px;padding:6px 8px;font-weight:600;margin-right:4px}.off{background:#f7e2e4;color:#9c2537}.on{background:#e6f6f1;color:#06735d}.pill{padding:5px 7px;border-radius:20px;font-size:11px;font-weight:700}footer{color:#8a9aa4;font-size:12px;padding-top:26px}dialog{border:1px solid #d9e4e8;border-radius:14px;padding:25px;max-width:440px;width:calc(100% - 32px);box-shadow:0 12px 55px #1d374a44}dialog form{display:grid;gap:12px}.btnrow{display:flex;gap:8px;justify-content:end;margin-top:12px}@media(max-width:850px){.cols{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.container{padding:22px 12px}}

/* Keep role-conditional form groups hidden. The generic label display:grid otherwise overrides the browser hidden rule. */
.panel label[hidden], .panel .role-hint[hidden] { display: none !important; }
.role-hint { display:block; padding:10px 12px; border:1px solid #c9e5de; border-radius:9px; background:#effaf6; color:#156a5c; font-size:12px; line-height:1.45; }