@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f5f3ef}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);background:#17212b}.login-visual{position:relative;overflow:hidden;padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 14% 16%,rgba(239,108,62,.34),transparent 29%),radial-gradient(circle at 88% 76%,rgba(22,125,137,.34),transparent 31%),#17212b}.login-visual:after{content:"";position:absolute;width:440px;height:440px;right:-140px;top:18%;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.login-panel{display:grid;place-items:center;padding:32px;background:#f7f5f1}.login-card{width:min(430px,100%)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ff875a,#e4592d);color:#fff;font-family:DM Sans,sans-serif;font-weight:800;box-shadow:0 8px 24px #ef6c3e47}.content-grid{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.split-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.fade-up{animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}}@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:240px;padding:32px}.login-visual>div:last-child{display:none}.login-panel{align-items:start;padding:28px 20px}.metric-grid{grid-template-columns:1fr}}
