:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#142d3b;background:#f3f7f8;font-synthesis:none;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:#126c77}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e49e29;outline-offset:5px}
.topbar{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce6e9;background:#fff}
.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750;color:#142d3b;letter-spacing:-.7px}
.brand-mark{display:grid;place-items:center;background:#137b85;color:white;width:38px;height:38px;border-radius:11px;font-size:23px}.product-name{font-size:13px;font-weight:650;letter-spacing:1px;border-left:1px solid #d7e2e5;padding-left:12px;color:#61747e}
.environment{font-size:12px;font-weight:600;background:#edf5f5;color:#38636c;padding:6px 12px;border-radius:20px}main{max-width:1280px;margin:0 auto;padding:75px 6% 100px;min-height:calc(100vh - 165px)}
.login-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;padding:40px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#147782;margin:0 0 18px}
h1{font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.22;letter-spacing:-1.4px;margin:0 0 22px}h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin:0 0 15px}.lead{color:#607680;font-size:17px;max-width:470px}.intro-note{margin-top:55px;color:#617780;font-size:13px}.status-dot{display:inline-block;width:9px;height:9px;background:#259c83;border-radius:50%;margin-right:9px;vertical-align:middle}
.card{background:white;border:1px solid #dde7ea;border-radius:18px;padding:32px;box-shadow:0 12px 35px #18384806}.card p{color:#637882}.login-card{padding:38px}.icon-box{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eaf5f4;color:#137680;font-weight:750;margin-bottom:24px}
.button{display:flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;padding:13px 18px;text-decoration:none;font-size:14px;font-weight:650;border:1px solid transparent;cursor:pointer}.primary{background:#137985;color:#fff;margin-top:28px}.primary:hover{background:#0b616c}.disabled{background:#e9eff1;color:#7b8f98;margin-top:28px;cursor:default}.outline{background:#fff;border-color:#cfdde1;color:#385360}.outline:hover{background:#eaf1f3}.card-footer{font-size:12px;color:#7d8f98;border-top:1px solid #e9eff1;margin-top:28px;padding-top:20px}.secondary-link{display:inline-block;font-size:13px;margin-top:16px}
.notice{font-size:13px;background:#eef5f6;border:1px solid #dce9eb;border-radius:8px;padding:13px 15px;margin-top:18px;color:#4e6a73}.error{color:#8c3d35;background:#fcf1ef;border-color:#efd8d4}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}dl{display:grid;grid-template-columns:1fr 1.2fr;font-size:14px;gap:10px;margin:24px 0}dt{color:#72858e}dd{margin:0;overflow-wrap:anywhere}.muted{font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 6%;font-size:12px;color:#81919a;border-top:1px solid #dfe8eb}
@media(max-width:800px){.topbar{padding:0 5%;height:78px}.brand{font-size:18px;gap:8px}.environment{font-size:10px;padding:5px 8px}.product-name{font-size:11px}.login-grid,.dashboard-grid{grid-template-columns:1fr;gap:30px}.login-grid{padding:0}.intro-note{margin-top:25px}main{padding:40px 5% 60px}.login-card,.card{padding:25px}.page-heading{align-items:flex-start;flex-direction:column}footer span{display:none}}