.cloud-status{position:fixed;left:18px;bottom:18px;z-index:1800;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(0,180,210,.24);border-radius:999px;background:rgba(5,28,54,.9);color:#dffbff;box-shadow:0 16px 45px rgba(0,28,58,.22);backdrop-filter:blur(18px);font-size:12px;transition:.25s ease}.cloud-status i{width:8px;height:8px;border-radius:50%;background:#18d6d5;box-shadow:0 0 0 5px rgba(24,214,213,.12)}.cloud-status.syncing i{animation:cloudPulse 1s infinite}.cloud-status.error{border-color:rgba(255,118,118,.35)}.cloud-status.error i{background:#ff7676}@keyframes cloudPulse{50%{opacity:.28;transform:scale(.72)}}
.auth-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:stretch}.auth-brand{padding:28px;border-radius:26px;background:linear-gradient(145deg,#062c55,#075976);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:430px;overflow:hidden;position:relative}.auth-brand:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-70px;bottom:-80px;background:radial-gradient(circle,rgba(30,221,216,.35),transparent 68%)}.auth-brand img{width:120px;filter:brightness(0) invert(1);position:relative;z-index:1}.auth-brand h2{font-size:30px;margin:20px 0 8px}.auth-brand p{color:rgba(255,255,255,.75);line-height:1.9}.auth-points{display:grid;gap:10px;position:relative;z-index:1}.auth-points span{display:flex;align-items:center;gap:8px;font-size:13px}.auth-points span:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(29,213,210,.2);color:#3af3ea}.auth-panel{padding:12px 4px}.auth-tabs{display:flex;gap:8px;padding:5px;border-radius:15px;background:#edf5f7;margin-bottom:22px}.auth-tabs button{flex:1;border:0;border-radius:11px;padding:11px;background:transparent;color:#547080;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#fff;color:#062c55;box-shadow:0 7px 22px rgba(2,43,74,.08)}.auth-form{display:grid;gap:14px}.auth-form h2{margin:0}.auth-form>p{margin:-7px 0 4px;color:#69808e;font-size:13px}.auth-form label{display:grid;gap:7px;font-weight:800;color:#17394b;font-size:13px}.auth-form input,.auth-form select{width:100%;border:1px solid #cfe1e8;border-radius:13px;padding:13px 14px;background:#f9fcfd;color:#092c40;font:inherit;outline:none}.auth-form input:focus,.auth-form select:focus{border-color:#0bbac6;box-shadow:0 0 0 4px rgba(11,186,198,.1)}.auth-form .form-grid{gap:12px}.auth-note{padding:11px 13px;border-radius:12px;background:#e9f9f9;color:#1b6067;font-size:12px;line-height:1.7}.auth-error{display:none;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#a83232;font-size:12px}.auth-error.show{display:block}.production-badge{display:inline-flex!important;align-items:center;gap:7px;color:#087b82!important}.production-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#18c7c3;box-shadow:0 0 0 4px rgba(24,199,195,.12)}.admin-login-cover{max-width:640px;margin:90px auto;padding:34px;border:1px solid rgba(12,137,158,.18);border-radius:28px;background:rgba(255,255,255,.76);box-shadow:0 28px 80px rgba(7,54,77,.14);backdrop-filter:blur(24px);text-align:center}.admin-login-cover img{width:110px;margin-bottom:18px}.admin-login-cover h1{margin:0 0 8px}.admin-login-cover p{color:#68818e;line-height:1.8}.account-identity{display:flex;align-items:center;gap:12px;margin-top:10px}.account-identity span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#062e57,#05aebd);color:#fff;font-weight:900}.account-identity small{display:block;color:#6b8290;margin-top:3px}.modal-card:has(.auth-shell){max-width:900px}.real-data-note{font-size:12px;color:#198083;font-weight:800}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:230px}.cloud-status{left:10px;bottom:10px}.modal-card:has(.auth-shell){padding:14px}.auth-form .form-grid{grid-template-columns:1fr}}

/* Keep the approved black-and-gold identity legible on the dark auth panel. */
.auth-brand img{
  width:164px;
  max-width:100%;
  height:auto;
  align-self:center;
  padding:10px 12px;
  border:1px solid rgba(211,155,29,.34);
  border-radius:18px;
  background:rgba(255,252,244,.98);
  box-shadow:0 16px 38px rgba(0,15,30,.2),inset 0 1px 0 #fff;
  filter:none;
  object-fit:contain;
}