@media screen {
  body:not([data-trial]) #login { background:radial-gradient(ellipse at 15% 15%,#deebff,transparent 55%),linear-gradient(135deg,#f6f9ff,#eaf0f8); }
  body:not([data-trial]) .login-card { width:min(440px,100%); padding:38px; border-radius:22px; border:1px solid #dae5f1; box-shadow:0 18px 65px #1e416514; }
  body:not([data-trial]) .brand-mark { background:transparent; color:#153654; padding:0; font-size:30px; margin-bottom:24px; letter-spacing:-1px; }
  .brand-mark span { color:#0865ed; }
  #login-form label { margin:18px 0; gap:8px; color:#36516c; font-size:14px; }
  #login-form input:not([type=hidden]) { width:100%; border:1px solid #cad9e9; border-radius:10px; padding:12px 14px; min-height:46px; background:#fff; }
  #login-form button[type=submit] { width:100%; background:#0865ed; color:#fff; min-height:46px; border-radius:10px; margin-top:8px; font-weight:600; }
  #login-form button:disabled { opacity:.55; }
  #login-profile-actions:not([hidden]) { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
  #login-profile-actions button { padding:10px; border:1px solid #ceddeb; border-radius:8px; color:#18539a; background:white; }
  #login-message { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
  .dashboard-home { max-width:1400px; margin:auto; padding:30px 18px; color:#19344e; }
  .dashboard-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
  .dashboard-eyebrow { color:#0865ed; font-weight:700; letter-spacing:2px; }
  .dashboard-heading h1 { margin:6px 0; font-size:32px; }
  .dashboard-heading p,.dashboard-summary p { color:#667d92; margin:8px 0 0; }
  .dashboard-pos { color:white; background:#0865ed; padding:14px 22px; border-radius:10px; font-weight:600; }
  .dashboard-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
  .dashboard-summary article { padding:24px; background:#fff; border:1px solid #dfe8f1; border-radius:16px; }
  .dashboard-summary article > span { display:block; color:#607990; margin-bottom:12px; font-size:14px; }
  .dashboard-summary strong { font-size:23px; }
  .dashboard-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .dashboard-modules section { padding:20px; background:#fff; border:1px solid #dfe8f1; border-radius:16px; }
  .dashboard-modules h2 { font-size:17px; margin:0 0 14px; }
  .dashboard-modules button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; background:#f5f8fd; color:#315879; text-align:left; border-radius:8px; padding:12px; margin:8px 0; font-size:14px; }
  .dashboard-modules button:hover { background:#e7f0ff; color:#065cde; }
  :is(.dashboard-home,#login) :is(button,input):focus-visible { outline:3px solid #83b8ff; outline-offset:3px; }
  @media(max-width:760px) {
    .dashboard-summary,.dashboard-modules { grid-template-columns:1fr; }
    .dashboard-heading { align-items:flex-start; flex-direction:column; }
    body:not([data-trial]) .login-card { padding:26px; }
  }
}