:root{--ink:#203b3d;--teal:#167668;--light:#eef5f2;--muted:#718382;--line:#e1e9e5}*{box-sizing:border-box}body{margin:0;background:#f6f8f6;color:var(--ink);font:14px 'Segoe UI','Microsoft JhengHei',sans-serif}aside{position:fixed;width:220px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:27px;font-weight:800;color:var(--teal);padding:0 12px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin:8px 0 42px 29px}.side-label{font-size:11px;color:var(--muted);padding:12px}nav button{display:block;width:100%;text-align:left;border:0;background:none;margin-bottom:8px;padding:14px;border-radius:9px;color:#617572}nav button.active{background:#e7f2ec;color:var(--teal);font-weight:700}.side-foot{margin-top:auto;padding:18px 10px;color:var(--teal);line-height:1.9}.side-foot small{color:var(--muted);font-size:11px}main{margin-left:220px;padding:38px 42px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:1px}h1{font-size:28px;margin:12px 0 0}h2{font-size:18px;margin:0}button{cursor:pointer;border:1px solid #d6e1db;background:#fff;color:var(--ink);padding:10px 16px;border-radius:7px;font:inherit}button:hover{background:#eef4f0}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.danger{color:#b94e4e}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.notice{background:#eef2e9;border:1px solid #dce5ce;padding:12px 16px;border-radius:8px;color:#64724d;font-size:12px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:31px;font-weight:600;margin:14px 0 5px}.stat small{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-head{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.panel-head p{color:var(--muted);font-size:12px;margin:7px 0 0}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 22px 20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f6f9f6;font-size:12px;font-weight:500;color:var(--muted)}th,td{padding:16px 20px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:5px}.roster td{height:98px;min-width:130px;vertical-align:top}.roster td:first-child{min-width:145px;background:#fff;position:sticky;left:0;z-index:1}.chip{display:block;background:#e8f4ee;color:#246d59;border-left:3px solid #69ad90;padding:8px;margin-bottom:5px;border-radius:5px;font-size:12px;white-space:normal;width:100%;text-align:left}.chip.admin{background:#eef0fc;border-color:#939fd5;color:#5b659c}.chip.bad{background:#fff0ee;border-color:#d88173;color:#a44c40}.add-cell{background:transparent;color:#a4b4aa;border:1px dashed #dfe7df;width:100%;padding:5px}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#e8f4ee;color:#28765e;font-size:11px}.pill.red{background:#fcedeb;color:#b14e42}.pill.amber{background:#fff3d9;color:#9e742b}.empty{padding:42px;text-align:center;color:var(--muted)}input,select{padding:10px;border:1px solid #d8e1db;border-radius:6px;font:inherit;color:var(--ink);background:white}label{display:block;font-size:12px;color:#5e7570;margin:14px 0 6px}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}dialog{width:530px;max-width:94vw;border:1px solid var(--line);border-radius:15px;padding:26px;color:var(--ink);box-shadow:0 25px 100px #153e352f}dialog::backdrop{background:#163a3759}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}#formError{color:#b14e42;font-size:12px;min-height:18px}.audit-row{padding:18px 22px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:start}.audit-row p{margin:7px 0;color:var(--muted);font-size:12px}.hint{color:var(--muted);font-size:12px;line-height:1.9;padding:0 22px 18px}.status{font-size:12px;color:var(--teal)}footer{font-size:11px;color:#96a69d;text-align:center;margin-top:30px}@media(max-width:1000px){aside{width:170px;padding:25px 12px}main{margin-left:170px;padding:25px 20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:auto;padding:15px}.brand{font-size:20px}.brand small,.side-label,.side-foot{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;width:auto;margin:0;padding:10px}main{margin:0;padding:20px 12px}header{align-items:start;gap:12px}header .actions{flex-direction:column}h1{font-size:24px}.stats{gap:10px}.stat{padding:16px}.panel-head{padding:16px}button{padding:9px 12px}.grid2{grid-template-columns:1fr}}