:root{--green:#72be44;--green-dark:#4e9728;--ink:#17221a;--muted:#68756b;--line:#dfe7df;--bg:#f2f6f0;--danger:#bf3737}
*{box-sizing:border-box}
body{margin:0;font:14px/1.5 system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:linear-gradient(135deg,#eef6e9,#f7f8f5 45%,#edf3fb)}
button,input{font:inherit}
.logo{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:25px;font-weight:900;box-shadow:0 9px 24px #72be4438}.logo.small{width:42px;height:42px;border-radius:12px;font-size:19px;box-shadow:none}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(440px,100%);padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px #2535231f}.login-card h1{margin:18px 0 3px;font-size:26px}.login-card>p{margin:0 0 21px;color:var(--muted)}.login-card label{display:block;margin:14px 0 6px;color:var(--muted)}.login-card input{width:100%;padding:12px;border:1px solid #ccd8cc;border-radius:11px;outline:none}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #72be4420}.login-card button,.primary{width:100%;margin-top:16px;padding:12px;border:0;border-radius:11px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.login-card button:hover,.primary:hover{background:var(--green-dark)}.login-foot{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.notice{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#edf7e8;color:#39731e}.notice.error{background:#fff0f0;color:#a22525}.notice.success{background:#edf8e8;color:#39731e}
.admin-top{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 max(22px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line)}.admin-brand{display:flex;gap:11px;align-items:center}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:17px}.admin-brand small{color:var(--muted)}.ghost{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.admin-shell{max-width:1180px;margin:24px auto 60px;padding:0 20px}.panel{margin-bottom:18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #2535230b}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h1,.section-head h2{margin:0;font-size:20px}.section-head p{margin:4px 0 0;color:var(--muted)}.count{padding:5px 10px;border-radius:999px;background:#edf7e8;color:#39731e;font-weight:700;white-space:nowrap}
.create-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.create-grid label,.validity-form label{color:var(--muted);font-size:12px}.create-grid input,.validity-form input,.password-form input{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #ccd8cc;border-radius:9px;outline:none}.create-grid .primary{width:auto;margin:0;white-space:nowrap}
.empty{padding:38px;text-align:center;color:var(--muted);border:1px dashed #cdd7cd;border-radius:13px}.user-list{display:grid;gap:12px}.user-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa}.user-summary{display:grid;grid-template-columns:minmax(180px,.55fr) 1.45fr;gap:15px;align-items:center}.user-summary h3{display:inline-block;margin:0 9px 0 0;font-size:16px}.status{padding:3px 8px;border-radius:999px;font-size:12px;background:#e9f7df;color:#39731e}.status.off{background:#fff0f0;color:#a22525}.dates{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:12px}.user-actions{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.validity-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.user-actions button{padding:9px 11px;border:0;border-radius:9px;background:#e7eee4;color:#345b28;font-weight:700;cursor:pointer;white-space:nowrap}.password-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.password-form input{margin:0}.user-actions .danger{background:#fff0f0;color:var(--danger)}.user-actions .enable{background:#e9f7df;color:#39731e}
@media(max-width:900px){.create-grid{grid-template-columns:1fr 1fr}.create-grid .primary{width:100%}.user-summary{grid-template-columns:1fr}.user-actions{grid-template-columns:1fr}.validity-form{grid-template-columns:1fr 1fr auto}}
@media(max-width:600px){.admin-top{padding:0 14px}.admin-brand small{display:none}.admin-shell{padding:0 12px}.panel{padding:15px}.create-grid,.validity-form{grid-template-columns:1fr}.user-actions{grid-template-columns:1fr}.password-form{grid-template-columns:1fr}.user-actions button{width:100%}}