:root {
      --bg: #05070b;
      --panel: #0c1118;
      --line: #273448;
      --text: #e7f1ff;
      --muted: #94a3b8;
      --accent: #38d9ff;
      --yellow: #ffd166;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 24px;
      background: radial-gradient(circle at 50% 0%, #142032 0, var(--bg) 42rem);
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
    }
    .login-panel {
      width: min(420px, 100%);
      border: 1px solid var(--line);
      background: rgba(12, 17, 24, .96);
      box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
      padding: 26px;
    }
    .login-logo {
      display: block;
      width: 250px;
      max-width: 100%;
      height: auto;
      margin: 0 auto 8px;
    }
    .theme-logo-light { display: none; }
    html[data-theme="light"] .theme-logo-dark { display: none; }
    html[data-theme="light"] .theme-logo-light { display: block; }
    .login-title {
      margin: 0 0 22px;
      color: var(--accent);
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .12em;
      text-align: center;
      text-transform: uppercase;
    }
    .login-field {
      display: grid;
      gap: 6px;
      margin-bottom: 14px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
    }
    .login-field input {
      width: 100%;
      border: 1px solid #334155;
      border-radius: 6px;
      outline: 0;
      padding: 10px 11px;
      color: var(--text);
      background: #101827;
      font-size: 15px;
    }
    .login-field input:focus {
      border-color: var(--accent);
      box-shadow: 0 0 0 3px rgba(56, 217, 255, .14);
    }
    .login-button {
      width: 100%;
      border: 1px solid var(--yellow);
      border-radius: 6px;
      padding: 10px 12px;
      background: var(--yellow);
      color: #041018;
      cursor: pointer;
      font-size: 14px;
      font-weight: 900;
    }
    .login-error {
      margin: 0 0 14px;
      border: 1px solid rgba(248, 113, 113, .65);
      background: rgba(127, 29, 29, .32);
      color: #fecaca;
      padding: 10px 12px;
      font-size: 13px;
    }