.phase2-page{margin:0;background:linear-gradient(135deg,#eef6ff,#f8fbff);min-height:100vh}.phase2-shell{max-width:900px;margin:auto;padding:32px 18px}.phase2-shell.wide{max-width:1400px}.phase2-back{display:inline-block;margin-bottom:16px}.phase2-card{background:white;border:1px solid #cbd9e8;border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(30,55,90,.1)}.phase2-tabs,.phase2-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.phase2-tabs button.active{font-weight:800;outline:3px solid rgba(27,94,170,.2)}.phase2-panel{display:grid;gap:14px;max-width:560px}.phase2-panel label,.phase2-card label{display:grid;gap:6px;font-weight:700}.phase2-panel input,.phase2-card input{padding:12px;border:1px solid #9eb2c7;border-radius:10px;font:inherit}.phase2-output{min-height:24px;margin:12px 0;padding:10px;border-radius:10px;background:#eef6ff}.phase2-output.error{background:#ffecec}.phase2-recovery{margin-top:20px;padding:18px;border:2px solid #d18c00;border-radius:14px;background:#fff8df}.phase2-recovery code{display:block;padding:14px;margin:12px 0;word-break:break-all;font-size:1.05rem}.phase2-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}.phase2-metrics article{padding:16px;border:1px solid #cad7e6;border-radius:14px;background:#f8fbff}.phase2-metrics strong{display:block;font-size:1.5rem}.phase2-metrics span{display:block;margin-top:4px}.phase2-table-wrap{overflow:auto}.phase2-table-wrap table{width:100%;border-collapse:collapse}.phase2-table-wrap th,.phase2-table-wrap td{padding:10px;border-bottom:1px solid #dce5ef;text-align:left;vertical-align:top}.phase2-table-wrap .ops{min-width:260px}.phase2-table-wrap .ops button{margin:2px;padding:5px 8px}.phase2-note{margin-top:24px;padding:14px;border-left:4px solid #1b5eaa;background:#eef6ff}@media(max-width:600px){.phase2-card{padding:18px}.phase2-shell{padding:16px 10px}}
.phase2-alerts{display:grid;gap:.6rem;margin-bottom:1rem}.phase2-alert{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.15);border-radius:.75rem}.phase2-alert button{flex:0 0 auto}

/* VACA LOGIN DARK THEME START 20260731 */
.phase2-login-dark {
  margin: 0;
  min-height: 100vh;
  color: #e8f1fb;
  color-scheme: dark;
  background:
    radial-gradient(circle at 12% 8%, rgba(0, 189, 227, .18), transparent 30rem),
    radial-gradient(circle at 88% 20%, rgba(38, 114, 222, .20), transparent 34rem),
    linear-gradient(145deg, #050b14 0%, #091729 48%, #0d2238 100%);
}

.phase2-login-dark .phase2-shell {
  max-width: 900px;
  padding-top: clamp(24px, 5vw, 64px);
  padding-bottom: 48px;
}

.phase2-login-dark .phase2-back {
  color: #9edfff;
  font-weight: 800;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.phase2-login-dark .phase2-back:hover {
  color: #ffffff;
}

.phase2-login-dark .phase2-card {
  color: #e8f1fb;
  background:
    linear-gradient(160deg, rgba(16, 36, 59, .98), rgba(7, 20, 35, .98));
  border: 1px solid #3d5a78;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .48),
    0 0 0 1px rgba(126, 202, 255, .05) inset;
}

.phase2-login-dark .phase2-card h1,
.phase2-login-dark .phase2-card h2,
.phase2-login-dark .phase2-card h3,
.phase2-login-dark .phase2-card p,
.phase2-login-dark .phase2-card label {
  color: #e8f1fb;
}

.phase2-login-dark .phase2-card .eyebrow,
.phase2-login-dark .phase2-card .eyebrow.bright {
  color: #63d7f2;
}

.phase2-login-dark .phase2-tabs button,
.phase2-login-dark #requestOwnerRecovery,
.phase2-login-dark #downloadRecoveryBtn {
  min-height: 44px;
  color: #eaf5ff;
  background: #132d49;
  border: 1px solid #557493;
  border-radius: 10px;
}

.phase2-login-dark .phase2-tabs button:hover,
.phase2-login-dark #requestOwnerRecovery:hover,
.phase2-login-dark #downloadRecoveryBtn:hover {
  color: #ffffff;
  background: #1b4168;
  border-color: #80cceb;
}

.phase2-login-dark .phase2-tabs button.active {
  color: #ffffff;
  background: #0969a9;
  border-color: #63d7f2;
  outline: 3px solid rgba(99, 215, 242, .28);
}

.phase2-login-dark .phase2-panel input,
.phase2-login-dark .phase2-card input {
  color: #ffffff;
  caret-color: #63d7f2;
  background: #061525;
  border: 1px solid #6885a2;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset;
}

.phase2-login-dark .phase2-panel input:hover,
.phase2-login-dark .phase2-card input:hover {
  border-color: #8fb0cf;
}

.phase2-login-dark .phase2-panel input:focus,
.phase2-login-dark .phase2-card input:focus {
  border-color: #63d7f2;
  outline: 3px solid rgba(99, 215, 242, .25);
  outline-offset: 2px;
}

.phase2-login-dark input:-webkit-autofill,
.phase2-login-dark input:-webkit-autofill:hover,
.phase2-login-dark input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px #061525 inset;
  transition: background-color 9999s ease-out 0s;
}

.phase2-login-dark button.primary,
.phase2-login-dark .primary {
  color: #ffffff;
  background: #0878bd;
  border-color: #49c7eb;
}

.phase2-login-dark button.primary:hover,
.phase2-login-dark .primary:hover {
  color: #ffffff;
  background: #0b91d7;
}

.phase2-login-dark .phase2-output {
  color: #d9ecff;
  background: #0a1d31;
  border: 1px solid #304d6a;
}

.phase2-login-dark .phase2-output.error {
  color: #ffd9d9;
  background: #3a151b;
  border-color: #a94a57;
}

.phase2-login-dark .phase2-note {
  color: #cfe9ff;
  background: #0a1d31;
  border-left-color: #63d7f2;
}

.phase2-login-dark .phase2-recovery {
  color: #fff0c2;
  background: #2b210b;
  border-color: #d2a63c;
}

.phase2-login-dark .phase2-recovery h2,
.phase2-login-dark .phase2-recovery p,
.phase2-login-dark .phase2-recovery code {
  color: #fff0c2;
}

.phase2-login-dark .phase2-recovery code {
  background: #151006;
  border: 1px solid #8c6b21;
}

.phase2-login-dark ::selection {
  color: #ffffff;
  background: #126fa9;
}

@media (max-width: 600px) {
  .phase2-login-dark .phase2-shell {
    padding: 18px 10px 30px;
  }

  .phase2-login-dark .phase2-card {
    border-radius: 16px;
  }
}
/* VACA LOGIN DARK THEME END 20260731 */


/* VACA ACCOUNT DARK THEME */
.phase2-login-dark .phase2-metrics article {
  color: #e8f1fb;
  background: #0a1d31;
  border-color: #3d5a78;
}
.phase2-login-dark .phase2-metrics strong,
.phase2-login-dark .phase2-metrics span,
.phase2-login-dark .phase2-table-wrap th,
.phase2-login-dark .phase2-table-wrap td {
  color: #e8f1fb;
}
.phase2-login-dark .phase2-table-wrap th,
.phase2-login-dark .phase2-table-wrap td {
  border-bottom-color: #304d6a;
}