:root{--red:#8c0000;--red-dark:#690000;--red-soft:#faf0f0;--ink:#292629;--muted:#777075;--line:#e3dfe0;--surface:#fff;--canvas:#f5f4f4;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--canvas);font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{transition:background-color .15s,border-color .15s,box-shadow .15s}
header{position:relative;min-height:112px;padding:23px 32px;color:#fff;background:linear-gradient(110deg,#690000,#8c0000 60%,#a51e29);border-bottom:3px solid #c49877}
.brand{font-size:29px;font-weight:700;letter-spacing:3px;line-height:1.4}.org{margin-top:6px;font-size:14px;letter-spacing:1px;color:#f1dbdb}#identity{position:absolute;right:32px;top:37px;display:flex;align-items:center;gap:20px;font-size:14px}
button{cursor:pointer;border:1px solid #d8d1d3;border-radius:4px;background:#fff;padding:7px 14px;color:#4e4145;line-height:1.45}button:hover{background:var(--red-soft);border-color:#c59a9e;color:var(--red)}button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.primary{color:#fff;background:var(--red);border-color:var(--red)}.primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
#logout{background:#ffffff12;color:#fff;border-color:#ffffff60;padding:6px 13px}#logout:hover{background:#ffffff25;border-color:#fff}
main{padding:20px 24px 32px}#workspace{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 14px #33212605;overflow:hidden;min-height:510px}
nav{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border-bottom:1px solid var(--line);padding:0 16px}nav button{position:relative;border:0;border-radius:0;padding:16px 20px;background:transparent;color:#62585c;font-size:15px}nav button:hover{color:var(--red);background:#fcf8f8}nav button[aria-selected=true]{color:var(--red);font-weight:700;background:#fcf8f8}nav button[aria-selected=true]::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--red)}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 18px 12px;background:#fff}.toolbar button{padding:6px 12px;font-size:14px}#add,#create-activity{color:var(--red);border-color:#d5b5b7;background:#fffafa}#add:hover,#create-activity:hover{background:#f7e7e8;border-color:var(--red)}#count{margin-left:auto;padding-left:8px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.searchbar{display:flex;gap:10px;align-items:center;padding:0 18px 16px;border-bottom:1px solid var(--line)}.searchbar label{margin:0;color:#73676b;font-size:14px}.searchbar input{max-width:360px;height:36px;font-size:14px;background:#faf9f9}.searchbar button{font-size:14px;padding:6px 12px}
.grid{overflow:auto;min-height:290px;scrollbar-color:#c7b8bc #f6f3f4}table{border-collapse:collapse;width:auto;min-width:0;table-layout:fixed;background:#fff}th,td,td.wrap{border:1px solid var(--line);padding:11px 12px;text-align:center;font-weight:400;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{position:relative;padding-right:15px;background:#f5f1f2;color:#57464b;border-top:0;font-size:14px;font-weight:600;height:43px}td{font-size:14px;height:45px;font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#fbfafa}tbody tr:hover{background:#fcf4f4}tbody tr.selected{background:#f8e6e7}td.empty{height:132px;color:#91848a;font-size:14px}td button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--red);vertical-align:middle;cursor:pointer}.text-link{background:none;border:0;padding:0;color:var(--red);text-decoration:underline;text-decoration-color:#d7b2b5;text-underline-offset:4px}.text-link:hover{background:transparent;color:var(--red-dark);text-decoration-color:var(--red)}
.status-pass{color:#267048}.status-fail{color:#a82b34}.footnote{margin:0;padding:15px 18px;font-size:13px;color:var(--muted);border-top:1px solid #f0eded}
.login-panel{width:390px;max-width:100%;margin:55px auto;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:5px;background:#fff;box-shadow:0 10px 32px #35202a09;padding:24px 30px 28px}.login-panel h1{font-size:21px;font-weight:600;margin:0 0 24px;color:var(--red);padding-bottom:20px;border-bottom:1px solid var(--line)}
label{display:grid;gap:8px;margin:17px 0;font-size:14px;color:#51434a}input,select{width:100%;border:1px solid #d5ced1;border-radius:4px;padding:9px 10px;background:#fff;color:var(--ink);min-width:0}input::placeholder{color:#948b90}input:disabled{background:#f3f1f2;color:#777075}input[readonly]{background:#faf8f8}.login-panel .primary{width:100%;margin-top:8px;padding:10px}.login-panel p{font-size:13px;color:var(--muted);line-height:1.7}.login-panel a{display:block;text-align:center;margin-top:22px;font-size:14px;color:var(--red);text-underline-offset:4px}
#message{margin:14px 2px;font-size:14px;color:var(--red)}#message:empty{display:none}
dialog{width:510px;max-width:calc(100% - 28px);max-height:90vh;overflow:auto;padding:0;border:1px solid #d7c7cc;border-radius:7px;box-shadow:0 18px 70px #29151e38;color:var(--ink)}dialog::backdrop{background:#27182066}dialog form{padding:0 26px 22px}h2{font-weight:600;font-size:18px;line-height:1.5;margin:0 -26px 22px;padding:17px 26px;background:#faf5f5;color:var(--red);border-top:3px solid var(--red);border-bottom:1px solid #e9dbdf}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}#form-error{color:#ac2431;font-size:14px}
.activity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}.activity-heading strong{color:var(--red);font-size:18px}.activity-heading>span{color:var(--muted);font-size:14px}.activity-section{margin-top:18px}.activity-section .grid{min-height:100px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbf8f8}.section-heading h3{margin:0;font-size:16px;font-weight:600;color:#634249;border-left:3px solid var(--red);padding-left:10px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.section-actions button{font-size:14px}
.search-results{max-height:140px;overflow:auto;background:#fcfafa;border:1px solid #e8dde0;border-radius:4px;padding:8px;display:flex;flex-wrap:wrap;gap:6px}.search-results button{text-align:left;font-size:14px;color:#805258;border-color:#e0c9ce;padding:6px 10px}.search-results p{margin:5px;font-size:14px;color:var(--muted)}
.column-resize{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;user-select:none;z-index:1}.column-resize:hover,.column-resize:focus-visible{background:#8c000025;outline:1px solid var(--red);outline-offset:-1px}.resizing-columns,.resizing-columns *{cursor:col-resize!important;user-select:none!important}.sort-header{display:block;width:100%;border:0;border-radius:0;background:transparent;padding:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:inherit;font-size:inherit;font-weight:inherit}.sort-header:hover{background:transparent;color:var(--red)}.sort-indicator{font-size:12px;color:var(--red)}
#import-dialog{width:1050px}#import-help{font-size:14px;line-height:1.8;color:#75646c}#import-template{color:var(--red);font-size:14px;text-underline-offset:4px}.import-grid{overflow:auto;max-height:42vh;margin-top:16px}.import-grid table{table-layout:auto;width:max-content;max-width:none}.import-grid th,.import-grid td{min-width:100px;max-width:340px;white-space:normal;overflow-wrap:anywhere}.import-grid th:last-child,.import-grid td:last-child{min-width:250px}.import-warning{color:#926718}#import-status{font-size:14px;line-height:1.6}
[hidden]{display:none!important}
@media(max-width:800px){header{padding:20px 22px}.brand{font-size:25px}.org{font-size:13px;letter-spacing:0}#identity{position:static;margin-top:16px;justify-content:space-between}main{padding:14px 12px}nav{padding:0 6px;gap:0}nav button{padding:13px 14px}.toolbar{padding:12px;gap:6px}.searchbar{padding:0 12px 14px}.section-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:480px){header{padding:18px 16px}.brand{font-size:24px;letter-spacing:2px}.org{font-size:12px}main{padding:10px 8px}.toolbar button{padding:6px 9px}nav button{padding:12px 10px;font-size:14px}#count{width:100%;padding:5px 0 0}.searchbar{gap:8px}.searchbar input{flex:1;width:0}.login-panel{margin-top:26px;padding:22px}.activity-heading{gap:12px}dialog form{padding:0 18px 18px}h2{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
input[type=checkbox],input[type=radio]{margin:0}@media(min-width:650px){#dialog{width:660px}#fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}#fields label{margin:0;align-content:start}#fields .search-results{grid-column:1/-1}}
th:has(input[type=checkbox]),td:has(input[type=checkbox]){padding-left:6px;padding-right:10px;text-overflow:clip}
.leader-picker{grid-column:1/-1;min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:5px;background:#fcfafa}.leader-picker legend{padding:0 6px;font-size:14px;color:#51434a}.leader-picker>input[type=search]{margin-bottom:10px}.leader-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.leader-chips:empty{display:none}.leader-chips button{font-size:14px;padding:4px 10px;color:var(--red);background:var(--red-soft);border-color:#dec4c8}.leader-picker-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;font-size:13px;color:var(--muted)}.leader-picker-bottom button{font-size:14px;flex-shrink:0}
