:root{
  --smp-bg:#0b0d12;
  --smp-card:#0f1116;
  --smp-border:rgba(255,255,255,.10);
  --smp-text:#e9eef6;
  --smp-muted:rgba(233,238,246,.75);
  --smp-accent:#0aa3a3;
  --smp-danger:#ff5a6b;
}
.smp-auth{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial,sans-serif;color:var(--smp-text);}
.smp-card{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));border:1px solid var(--smp-border);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.45);backdrop-filter: blur(6px);}
.smp-field{display:flex;flex-direction:column;gap:6px;margin:10px 0;}
.smp-field label{font-size:13px;color:var(--smp-muted);}
.smp-input, .smp-textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--smp-border);background:#0b0d12;color:var(--smp-text);outline:none;}
.smp-input:focus, .smp-textarea:focus{border-color:rgba(10,163,163,.75);box-shadow:0 0 0 3px rgba(10,163,163,.18);}
.smp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid rgba(10,163,163,.35);background:rgba(10,163,163,.18);color:var(--smp-text);text-decoration:none;font-weight:700;cursor:pointer;}
.smp-btn:hover{background:rgba(10,163,163,.26);}
.smp-btn-secondary{border-color:var(--smp-border);background:rgba(255,255,255,.08);font-weight:700;color:var(--smp-text);}
.smp-btn-danger{border-color:rgba(255,90,107,.45);background:rgba(255,90,107,.14);}
.smp-btn-danger:hover{background:rgba(255,90,107,.22);}
.smp-link{color:rgba(10,163,163,.95);text-decoration:none;}
.smp-link:hover{text-decoration:underline;}
.smp-notice{margin:12px 0;padding:10px 12px;border-radius:12px;border:1px solid var(--smp-border);background:rgba(255,255,255,.06);color:var(--smp-text);}
.smp-notice-error{border-color:rgba(255,90,107,.45);background:rgba(255,90,107,.12);}
.smp-notice-ok{border-color:rgba(10,163,163,.45);background:rgba(10,163,163,.12);}
.smp-account-card{display:flex;align-items:center;gap:10px;}
.smp-account-card img{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1px solid var(--smp-border);}
.smp-account-card .name{font-weight:800;line-height:1.05;}
.smp-account-card .role{font-size:12px;color:var(--smp-muted);margin-top:2px;}

/* Login button colors + modern checkbox */
.smp-auth-login .smp-btn-primary{background:#0090B7;}
.smp-auth-login .smp-btn-primary:hover{background:#02667F;}
.smp-auth-login .smp-btn-secondary:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);}
.smp-auth-login .smp-btn:focus-visible{outline:2px solid rgba(0,144,183,.65);outline-offset:2px;}
.smp-auth-login .smp-remember{color:#fff;}
.smp-auth-login .smp-checkbox{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.22);
  background:#0b0d10;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease, transform .1s ease;
}
.smp-auth-login .smp-checkbox:hover{border-color:rgba(255,255,255,.35);}
.smp-auth-login .smp-checkbox:active{transform:scale(.96);}
.smp-auth-login .smp-checkbox:checked{
  background:#0090B7;
  border-color:rgba(0,144,183,.9);
}
.smp-auth-login .smp-checkbox:checked::after{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
  margin-top:-1px;
}