@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#122a42;--orange:#f18c36;--muted:#65758b;--bg:#f5f7fa}*{box-sizing:border-box}body{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#203047}a{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.35rem;color:#21364d;letter-spacing:-.065em}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:33px;height:33px;border-radius:10px;font-size:.75rem;letter-spacing:0}.brand-accent{color:var(--orange)}.brand-light{color:white}.login-body{margin:0;background:#fff}.login-shell{display:grid;grid-template-columns:70% 30%;min-height:100vh;min-height:100dvh}.login-visual{color:#fff;background:radial-gradient(ellipse at 85% 85%,#254f72 0%,transparent 50%),linear-gradient(145deg,#11263c,#163654);padding:clamp(2rem,4vw,4.25rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-visual:before{content:'';position:absolute;border:1px solid #ffffff13;border-radius:50%;width:650px;height:650px;right:-260px;top:-260px}.visual-content{position:relative;max-width:820px;margin:3rem auto 2rem;width:100%}.eyebrow{color:#f3a86b;letter-spacing:.15em;font-size:.74rem;font-weight:800;margin-bottom:1.3rem}.visual-content h1{font-size:clamp(2.5rem,4vw,4.75rem);font-weight:800;line-height:1.13;letter-spacing:-.06em;margin-bottom:1.1rem}.visual-content p{font-size:clamp(1rem,1.2vw,1.2rem);color:#c5d2de;max-width:520px;line-height:1.65}.visual-screens{height:260px;position:relative;margin-top:2.3rem;max-width:580px}.screen{border:7px solid #273f54;border-radius:13px;box-shadow:0 25px 55px #020f2073;overflow:hidden}.screen-main{position:absolute;left:0;top:0;width:76%;height:240px;background:linear-gradient(120deg,#faaf63,#d86838)}.screen-hdr{height:30px;background:#142a3a;display:flex;gap:6px;align-items:center;padding:0 12px}.screen-hdr span{height:6px;width:6px;border-radius:100%;background:#557084}.screen-content{padding:20px 28px}.screen-chip{display:inline-block;border:1px solid #fff9;padding:4px 11px;font-size:10px;border-radius:30px;color:#fff}.screen-title{font-weight:800;font-size:clamp(20px,2.6vw,34px);line-height:1.1;margin-top:15px}.screen-line{width:80px;height:7px;border-radius:4px;background:#fff9;margin-top:16px}.screen-small{position:absolute;right:0;bottom:0;width:36%;height:165px;background:#e5edf1;padding:23px 20px}.screen-small-circle{height:54px;width:54px;border-radius:50%;background:#4b8caa;margin-bottom:17px}.screen-small-text{height:9px;width:100%;border-radius:3px;background:#abc3d1;margin:8px 0}.screen-small-text.short{width:65%}.visual-footer{color:#a2b5c6;position:relative}.login-form-side{position:relative;display:flex;align-items:center;justify-content:center;padding:3rem clamp(1.5rem,3.5vw,4rem)}.login-form-wrap{width:100%;max-width:420px}.login-form-wrap h2{font-weight:800;font-size:2rem;letter-spacing:-.04em}.form-label{font-weight:600;font-size:.88rem}.form-control{font-size:1rem!important;border-color:#dbe2e9;border-radius:8px}.form-control:focus{border-color:#f3a86b;box-shadow:0 0 0 .2rem #f18c3622}.btn-primary{background:var(--orange);border-color:var(--orange);font-weight:700}.btn-primary:hover,.btn-primary:focus{background:#de7725;border-color:#de7725}.login-help{font-size:.82rem;color:#8893a0;margin-top:1.7rem;text-align:center}.login-right-footer{position:absolute;bottom:1.5rem;color:#a4aeba;font-size:.76rem}.mobile-brand{display:none}.admin-body{background:var(--bg)}.admin-main{padding-top:125px;padding-bottom:40px;max-width:1540px}.welcome-card{border-radius:15px}.user-summary{font-size:.82rem;line-height:1.3}.navbar-brand{font-size:1.3rem}@media(max-width:1199px){.login-shell{grid-template-columns:60% 40%}}@media(max-width:767px){.login-shell{display:block}.login-visual{display:none}.login-form-side{min-height:100vh;min-height:100dvh;padding:3rem 1.5rem}.mobile-brand{display:inline-flex;margin-bottom:3rem}.login-form-wrap{margin-bottom:3rem}.login-right-footer{bottom:1rem}.admin-main{padding-top:115px}.navbar-brand{font-size:1.05rem}.brand-mark{height:29px;width:29px}.user-summary{display:none}}