*{box-sizing:border-box} [hidden]{display:none!important} :root{font-family:'Microsoft YaHei',system-ui,sans-serif;color:#20312c;background:#f3f6f4;font-size:14px}
body{margin:0} header{height:76px;padding:0 5vw;background:#fff;border-bottom:1px solid #dfe6e1;display:flex;align-items:center;justify-content:space-between;gap:20px}
header>div{display:flex;align-items:center;gap:20px}.brand{font-size:21px;font-weight:700;color:#27634a}.muted,.hint{color:#6e7e75}.hint{font-size:12px;line-height:1.8}
main{max-width:1160px;margin:36px auto;padding:0 24px} h1{font-size:28px;margin:8px 0 12px}h2{font-size:18px;margin:0}.eyebrow{color:#58806b;font-size:12px;letter-spacing:2px;margin:0}
.card{background:#fff;border:1px solid #dfe6e1;border-radius:14px;padding:24px;margin-bottom:22px}.login{max-width:460px;margin:72px auto;padding:36px}.login form{display:grid;gap:20px;margin-top:28px}
label{display:grid;gap:8px;font-weight:500}input,select,button{font:inherit;border-radius:8px;min-height:42px}input,select{padding:10px 12px;border:1px solid #ccd9d1;width:100%;background:#fff;color:#20312c}
input:focus,select:focus{outline:2px solid #a8cdbc;outline-offset:1px}button{border:1px solid #28684c;background:#28684c;color:#fff;padding:9px 17px;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}
button.secondary{background:#fff;color:#35634e;border-color:#cbd9d0}.title-row,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.title-row{margin-bottom:26px}.section-heading{margin-bottom:22px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats .card{display:grid;gap:14px}.stats span{color:#6e7e75}.stats strong{font-size:28px}.stats small{color:#6e7e75}.stats .online{font-size:22px;color:#287347}
.badge{font-size:12px;padding:6px 10px;border-radius:20px;background:#edf3ef;color:#577363;white-space:nowrap}.invite-form{display:flex;gap:16px;align-items:end;margin-bottom:20px}.grow{flex:1}.invite-form label:first-child{min-width:130px}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:#6e7e75;font-weight:500;background:#f7f9f7}th,td{padding:14px 12px;border-bottom:1px solid #edf1ee}td{font-size:13px}td button{min-height:32px;padding:5px 10px;margin-right:8px;font-size:12px}
.sync{display:flex;align-items:center;justify-content:space-between;gap:20px}footer{padding:4px 0 28px;color:#849188;font-size:12px}#notice{padding:14px 18px;margin-bottom:20px;border-radius:9px;background:#e4f0e8;color:#28553d}#notice.error{background:#f9e9e6;color:#994333}
#new-code{padding:18px;background:#f0f6f2;border-radius:10px;margin-bottom:22px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}#new-code .hint{grid-column:1/-1;margin:0}#code{font-family:monospace}
@media(max-width:700px){header{padding:0 20px}header>div{gap:12px}.stats{grid-template-columns:1fr;gap:0}.stats .card{gap:8px}.invite-form{flex-wrap:wrap}.invite-form .grow{min-width:180px}.section-heading{align-items:start;flex-wrap:wrap}.login{margin:30px auto;padding:24px}main{padding:0 16px}.card{padding:18px}.title-row h1{font-size:24px}}