:root{--ink:#0c1725;--muted:#667486;--line:#dbe3eb;--blue:#0879d9;--blue2:#19a7ef;--paper:#fff;--wash:#f3f7fb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--wash)}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 10%,rgba(25,167,239,.15),transparent 35%),linear-gradient(135deg,#f8fbfe,#edf4fa)}.login-card{width:min(100%,470px);background:hsla(0,0%,100%,.96);border:1px solid rgba(219,227,235,.9);border-radius:24px;padding:38px;box-shadow:0 24px 70px rgba(16,46,78,.12)}.brand{display:flex;align-items:center;gap:17px;margin-bottom:42px}.monogram{font-weight:900;font-size:43px;line-height:1;letter-spacing:-5px;color:var(--blue);font-style:italic}.monogram.small{font-size:32px}.divider{width:1px;height:42px;background:var(--line)}.brand-name{font-weight:800;letter-spacing:3px;font-size:15px}.brand-media{margin-top:5px;letter-spacing:8px;font-weight:700}.brand-media,.eyebrow{color:var(--blue);font-size:11px}.eyebrow{font-weight:800;letter-spacing:2.5px}h1{font-size:clamp(34px,5vw,48px);margin:9px 0 10px;letter-spacing:-1.5px}.dashboard-copy,.intro{color:var(--muted);line-height:1.6;margin:0 0 30px}.login-form{display:grid;grid-gap:20px;gap:20px}label{display:grid;grid-gap:9px;gap:9px;font-size:13px;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:12px;padding:15px 16px;outline:none;background:#fbfdff}input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(25,167,239,.11)}button{border:0;border-radius:12px;padding:15px 18px;background:linear-gradient(90deg,var(--blue),var(--blue2));color:#fff;font-weight:800;cursor:pointer}.error{background:#fff3f3;border:1px solid #f3cccc;padding:12px;border-radius:10px;color:#9a2424;margin:0;font-size:13px}.notice{text-align:center;color:#8b97a4;font-size:11px;margin:25px 0 0}.dashboard{min-height:100vh}.topbar{min-height:84px;padding:16px clamp(22px,5vw,70px);background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand.compact{margin:0}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);padding:11px 16px}.dashboard-content{width:min(1120px,calc(100% - 44px));margin:0 auto;padding:70px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:40px}.tile{min-height:210px;padding:25px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 35px rgba(16,46,78,.05)}.tile-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf6ff;color:var(--blue);font-weight:900}.tile h2{margin:22px 0 8px;font-size:20px}.tile p{color:var(--muted);line-height:1.5;font-size:14px;min-height:43px}.tile span{color:var(--blue);font-size:12px;font-weight:800}@media (max-width:800px){.grid{grid-template-columns:1fr}.login-card{padding:28px 23px}.brand-name{letter-spacing:2px}.topbar .brand-media,.topbar .brand-name,.topbar .divider{display:none}}