:root{
  --app-bg:#eef2f7;
  --app-bg-soft:#f7f9fc;
  --surface:#ffffff;
  --surface-soft:#f7fafc;
  --surface-glass:rgba(255,255,255,.76);
  --border:#d8e0ea;
  --border-strong:#c9d4e2;
  --text:#142033;
  --muted:#6b7888;
  --sidebar:#111827;
  --sidebar-dark:#0b1220;
  --sidebar-active:#0f63ff;
  --accent:#19b68a;
  --accent-dark:#0b7d63;
  --primary:#0f63ff;
  --primary-dark:#0b49be;
  --primary-soft:#e7f0ff;
  --success:#16a36f;
  --warning:#f3b33d;
  --danger:#df4f5f;
  --info:#36b7e8;
  --shadow-soft:0 12px 34px rgba(15,32,55,.08);
  --shadow-card:0 14px 45px rgba(15,32,55,.10);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --sidebar-width:228px;
  --topbar-height:64px
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--app-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.text-muted{color:var(--muted)!important}
.login-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px;background:radial-gradient(circle at top left,rgba(15,99,255,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(22,163,111,.20),transparent 32%),linear-gradient(135deg,#eef2f7 0%,#dfe8f1 45%,#f8fafc 100%)}
.login-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.68),rgba(255,255,255,.18));backdrop-filter:blur(2px)}
.login-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.72;pointer-events:none}.login-orb-blue{width:310px;height:310px;top:9%;left:8%;background:linear-gradient(135deg,rgba(15,99,255,.24),rgba(54,183,232,.10))}.login-orb-green{width:260px;height:260px;right:10%;bottom:8%;background:linear-gradient(135deg,rgba(22,163,111,.22),rgba(255,255,255,.18))}
.login-card{position:relative;z-index:1;width:min(100%,430px);padding:34px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.82);border-radius:28px;box-shadow:0 24px 80px rgba(17,39,70,.18),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(24px)}
.login-brand{text-align:center}.login-card h1{margin:6px 0 8px;color:#102033;font-size:29px;font-weight:700;letter-spacing:-.03em}.login-card>p,.login-brand>p{margin:0 auto 22px;max-width:310px;text-align:center;line-height:1.45}.login-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:#0b7d63;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-eyebrow:before{content:"";width:7px;height:7px;background:#16a36f;border-radius:999px;box-shadow:0 0 0 5px rgba(22,163,111,.13)}
.login-logo{display:block;max-width:155px;max-height:78px;margin:0 auto 15px;object-fit:contain}.login-logo-fallback{display:grid;width:74px;height:74px;margin:0 auto 16px;place-items:center;background:linear-gradient(135deg,#111827,#0066ff 58%,#16a36f);border-radius:21px;color:#fff;font-size:31px;font-weight:800;box-shadow:0 14px 34px rgba(0,74,173,.24)}
.login-alert{margin:0 0 18px;border-radius:16px}.login-form{display:grid;gap:15px}.login-field{display:grid;gap:7px}.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-label-row span{color:#0b7d63;font-size:11px;font-weight:700}.login-input{min-height:48px;padding:12px 14px;background:rgba(255,255,255,.86);border-color:#d7e0ea;border-radius:15px;color:#102033;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-input::placeholder{color:#95a3b3}.login-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(0,102,255,.12)}
.login-password-box{position:relative}.login-password-box .login-input{padding-right:86px}.login-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:34px;padding:0 11px;background:#eef6ff;border:1px solid #d9e7f7;border-radius:11px;color:#0b4bc4;font-size:12px;font-weight:700}.login-password-toggle:hover,.login-password-toggle:focus{background:#e4f0ff;color:#073a8a;outline:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:4px;border:0;border-radius:16px;background:linear-gradient(135deg,#0066ff,#0b73d9 52%,#16a36f);font-size:14px;font-weight:800;box-shadow:0 16px 36px rgba(0,102,255,.22)}.login-submit:hover,.login-submit:focus{background:linear-gradient(135deg,#0047c9,#0066ff 55%,#0b7d63);box-shadow:0 18px 42px rgba(0,102,255,.28)}.login-submit strong{font-size:18px;line-height:1}.login-security-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:12px 13px;background:rgba(239,246,255,.74);border:1px solid rgba(207,224,242,.9);border-radius:16px;color:#536579;font-size:12px;line-height:1.4}.login-security-note span{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center;background:#16a36f;border-radius:999px;color:#fff;font-size:12px;font-weight:900}
@media(max-width:520px){.login-wrapper{align-items:flex-start;padding:18px}.login-card{padding:25px 20px;border-radius:24px}.login-card h1{font-size:24px}.login-orb-blue{left:-90px}.login-orb-green{right:-90px}}
.demo-box{background:var(--surface-soft);padding:12px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border)}