/* 登录页 */
.login-wrap{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(1200px 600px at 15% -10%, #dfe7ff 0%, transparent 55%),
    radial-gradient(1000px 500px at 110% 10%, #d8f3ea 0%, transparent 50%),
    linear-gradient(160deg,#eef1f8 0%, #e7ecf6 100%);
  padding:24px;position:relative;overflow:hidden;
}
.login-wrap::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(#c7d0e2 1px, transparent 1px);
  background-size:26px 26px;opacity:.35;pointer-events:none;
}
.login-card{
  position:relative;width:100%;max-width:400px;background:var(--surface);
  border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);
  padding:34px 34px 28px;z-index:1;
}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.brand-logo{
  width:44px;height:44px;border-radius:13px;flex:none;
  background:linear-gradient(135deg,var(--accent),#7c93ff);
  display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px rgba(79,110,247,.35);
}
.brand-logo svg{width:24px;height:24px;}
.brand-name{font-size:17px;font-weight:800;letter-spacing:.3px;}
.brand-sub{font-size:12.5px;color:var(--text-2);margin-top:1px;}
.login-title{font-size:15px;font-weight:700;margin:22px 0 4px;}
.login-desc{font-size:12.5px;color:var(--text-2);margin-bottom:18px;}
.login-form{display:flex;flex-direction:column;gap:14px;}
.login-error{
  display:none;align-items:center;gap:8px;background:var(--red-soft);color:#b32626;
  border:1px solid #f6caca;padding:9px 12px;border-radius:9px;font-size:12.5px;font-weight:500;
}
.login-error.show{display:flex;}
.login-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-3);}
.login-foot a{color:var(--text-2);font-weight:600;}
/* 用户管理 */
.um-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;padding-right:4px;}
.um-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);}
.um-avatar{width:34px;height:34px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;background:#7c8aa5;}
.um-avatar.admin{background:var(--accent);}
.um-info{flex:1;min-width:0;}
.um-name{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:7px;}
.um-name .muted{color:var(--text-3);font-weight:400;font-size:12px;}
.um-actions{display:flex;gap:4px;}
.um-empty{color:var(--text-3);text-align:center;padding:24px 0;font-size:13px;}