:root{--navy:#063b63;--blue:#1594d0;--pale:#eaf5fb;--bg:#f4f7f9;--line:#d7e0e6;--ink:#1e2d38;--muted:#61727d;--red:#a31e17;--amber:#b46c00;--green:#197447;--side:248px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px "Segoe UI",Arial,sans-serif}.gov{height:25px;background:#f7f7f7;border-bottom:1px solid #ddd;padding:4px 24px;font-size:11px;display:flex;justify-content:space-between}.header{height:118px;background:#fff;border-bottom:2px solid var(--navy);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:fixed;top:0;left:0;right:0;z-index:20}.header{top:25px}.identity{display:flex;align-items:center;gap:18px}.logo{width:92px;height:92px;object-fit:contain;padding-right:18px;border-right:1px solid #ddd}.emblem{color:#d68412;font-weight:800;text-align:center;padding-right:18px;border-right:1px solid #ddd}.identity h1{margin:0;color:#003f6b;font-size:34px;letter-spacing:.04em}.identity p{margin:2px 0;color:#00528c;font-size:18px;line-height:1.45}.actions{display:flex;gap:8px}.side{position:fixed;left:0;top:143px;bottom:0;width:var(--side);background:var(--navy);overflow:auto;padding:10px 8px;z-index:15}.group{padding:13px 10px 4px;color:#9bc4da;font-size:10px;font-weight:800;letter-spacing:.12em}.navitem{display:block;color:#edf7fc;text-decoration:none;padding:8px 10px;border-left:3px solid transparent}.navitem:hover,.navitem.on{background:#ffffff14;color:#fff;border-left-color:#6fd0f4}.main{margin-left:var(--side);padding:165px 20px 30px}.title{color:var(--navy);font-size:26px;font-weight:750}.sub{font-size:12px;color:var(--muted)}.source{background:#eff8fc;border-left:4px solid var(--blue);padding:9px 12px;margin:12px 0;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);margin:15px 0}.metric{padding:14px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric small{display:block;color:var(--muted);min-height:32px}.metric b{display:block;color:var(--navy);font-size:23px;font-variant-numeric:tabular-nums}.panel{background:#fff;border:1px solid var(--line);margin-bottom:16px}.ph{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.ph h2{margin:0;font-size:16px;color:var(--navy)}.pb{padding:14px}.status{font-size:10px;font-weight:800;padding:3px 6px;border:1px solid currentColor}.good{color:var(--green);background:#eaf8f0}.risk{color:var(--amber);background:#fff5e8}.critical{color:var(--red);background:#fff0ef}.table{font-size:12px}.table th{background:#edf3f6;white-space:nowrap}.num{text-align:right}.filter{padding:10px;background:#fff;border:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:end}.filter label{font-size:11px;color:var(--muted)}.chart{height:245px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:end;gap:13px;padding:30px 15px 24px}.bar{flex:1;background:var(--blue);position:relative;min-width:22px}.bar:after{content:attr(data-l);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;font-size:10px}.bar:before{content:attr(data-v);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px}.map{height:300px;background:#eef6f8;position:relative;border:1px solid var(--line)}.tile{position:absolute;border:2px solid #fff;background:var(--blue);color:#fff;padding:7px;font-size:11px;cursor:pointer}.tile.r{background:var(--amber)}.drawer{position:fixed;right:-520px;top:0;width:min(500px,100vw);height:100vh;background:#fff;z-index:40;box-shadow:-8px 0 25px #0002;transition:.2s;overflow:auto}.drawer.open{right:0}.dh{background:var(--navy);color:#fff;padding:14px;display:flex;justify-content:space-between}.login{min-height:100vh;display:grid;grid-template-columns:45% 1fr}.loginbrand{background:var(--navy);color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.loginbrand img{width:145px}.loginform{display:grid;place-items:center;padding:25px}.cardx{width:min(420px,100%);background:#fff;border-top:5px solid var(--blue);padding:30px;box-shadow:0 9px 28px #063b6322}.mobile{display:none}#toast{position:fixed;right:18px;bottom:18px;padding:10px 15px;background:#123b5d;color:#fff;display:none;z-index:60}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.identity h1{font-size:25px}.identity p{font-size:14px}}@media(max-width:780px){:root{--side:0}.gov{display:none}.header{top:0;height:74px;padding:5px 9px}.logo{width:58px;height:58px;padding-right:8px}.emblem{display:none}.identity h1{font-size:18px}.identity p{font-size:10px}.side{top:74px;width:260px;transform:translateX(-100%);transition:.2s}.side.open{transform:none}.main{padding:91px 10px 20px}.mobile{display:inline-block}.actions .role{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.loginbrand{padding:30px;min-height:230px}.filter>*{flex:1 1 130px}}@media(max-width:390px){.identity p{display:none}.metric b{font-size:19px}}
/* Refined header and interaction controls */
.header{top:0;height:116px;border-bottom:1px solid var(--line);box-shadow:0 2px 9px rgba(6,59,99,.08)}
.side{top:116px}.main{padding-top:138px}
.national-emblem{width:72px;height:88px;object-fit:contain;padding-right:18px;border-right:1px solid #dde4e8}
.actions{position:relative;display:flex;align-items:center;gap:8px}
.action-btn{height:42px;min-width:42px;border:1px solid #cdd9e0;background:#fff;color:var(--navy);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-weight:650;position:relative;transition:.15s}
.action-btn:hover{background:var(--pale);border-color:#8dbbd2;transform:translateY(-1px)}
.action-icon{font-size:19px;line-height:1}.action-badge{position:absolute;right:-5px;top:-7px;background:#b42318;color:#fff;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px}
.user-menu{height:46px;border:1px solid #cdd9e0;background:#fff;border-radius:7px;display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;text-align:left;color:var(--ink)}.user-menu:hover{background:#f7fafb;border-color:#8dbbd2}.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.user-copy{display:flex;flex-direction:column;line-height:1.15}.user-copy b{font-size:12px}.user-copy small{font-size:10px;color:var(--muted)}.chevron{color:var(--muted)}
.profile-menu{display:none;position:absolute;right:0;top:53px;width:230px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 40px rgba(6,59,99,.18);padding:7px;z-index:50}.profile-menu.show{display:block}.profile-menu button{width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:5px;color:var(--ink)}.profile-menu button:hover{background:var(--pale)}.profile-menu hr{margin:5px}.profile-menu .danger-link{color:#a31e17}
.panel{border-radius:6px;box-shadow:0 1px 2px rgba(6,59,99,.03)}.metrics{border-radius:6px;overflow:hidden}.metric{transition:.15s}.metric:hover{background:#f8fbfd}.filter{border-radius:6px;box-shadow:0 1px 2px rgba(6,59,99,.03)}
@media(max-width:780px){.header{height:74px}.side{top:74px}.main{padding-top:91px}.national-emblem{display:none}.action-label,.user-copy,.chevron{display:none}.actions{gap:5px}.action-btn{padding:0;width:38px;height:38px}.user-menu{padding:2px;height:40px}.profile-menu{top:45px}.identity{gap:8px}}
/* Polished login experience */
.login-v2{min-height:100vh;display:grid;grid-template-columns:minmax(480px,56%) minmax(420px,44%);background:#f4f8fb;overflow:hidden}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#063b63 0%,#075683 54%,#0b79a8 100%);color:#fff;min-height:100vh}.login-visual:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-300px;bottom:-430px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.018)}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.water-pattern span{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.water-pattern span:nth-child(1){width:92px;height:92px;right:9%;top:12%}.water-pattern span:nth-child(2){width:42px;height:42px;right:23%;top:26%;opacity:.65}.water-pattern span:nth-child(3){width:160px;height:160px;right:-65px;bottom:14%;opacity:.35}.visual-inner{position:relative;z-index:2;min-height:100vh;padding:clamp(36px,6vw,88px);display:flex;flex-direction:column}.identity-lockup{display:flex;align-items:center;gap:23px}.login-jjm-logo{width:112px;height:125px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.13))}.login-emblem{width:76px;height:100px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.identity-divider{width:1px;height:92px;background:rgba(255,255,255,.36)}.visual-copy{margin:auto 0;max-width:650px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#a9def4}.visual-copy h1{font-size:clamp(40px,5vw,68px);font-weight:760;letter-spacing:-.035em;margin:0 0 18px;line-height:1}.visual-copy h1 span{font-weight:350;color:#9ee4ff}.visual-lead{font-size:18px;line-height:1.65;max-width:590px;color:#e3f4fb;margin-bottom:32px}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-features>div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.18);padding:14px;border-radius:9px;display:flex;gap:10px;backdrop-filter:blur(3px)}.feature-icon{flex:0 0 30px;width:30px;height:30px;border-radius:6px;background:#fff;color:#07608e;display:grid;place-items:center;font-weight:900}.login-features p{margin:0;line-height:1.25}.login-features b{font-size:12px}.login-features small{display:block;color:#c8e6f3;margin-top:4px;font-size:10px}.visual-foot{font-size:12px;line-height:1.55;color:#cce7f2;margin:0}.login-form-area{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px;background:radial-gradient(circle at 92% 8%,#e3f3fa 0,transparent 27%),#f7fafc}.login-card-v2{width:min(480px,100%);background:#fff;border:1px solid #dae4ea;border-radius:12px;padding:38px;box-shadow:0 22px 64px rgba(6,59,99,.12)}.login-card-head{margin-bottom:26px}.eyebrow.dark{color:#0877a9;margin-bottom:8px}.login-card-head h2{font-size:27px;color:var(--navy);margin:0 0 8px;font-weight:760}.login-card-head p{color:var(--muted);margin:0;line-height:1.5}.field{margin-bottom:17px}.field label,.label-row{font-size:12px;font-weight:700;color:#344957}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.field>label{display:block;margin-bottom:7px}.text-action{border:0;background:none;color:#0675a7;padding:0;font-size:11px;font-weight:650}.field-control{height:48px;border:1px solid #bdccd5;border-radius:7px;display:flex;align-items:center;background:#fff;transition:.15s}.field-control:focus-within{border-color:#1685b8;box-shadow:0 0 0 3px rgba(21,148,208,.14)}.field-control>span{width:43px;text-align:center;color:#64808f}.field-control input{border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px;background:transparent}.password-toggle{height:100%;border:0;background:none;color:#0877a9;padding:0 13px;font-size:11px;font-weight:700}.login-options{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:2px 0 19px;font-size:11px}.check-row{display:flex;gap:7px;align-items:center;color:#465d6b}.secure-note{color:#56717f}.verification{border:1px solid #d7e4eb;border-radius:8px;padding:12px;background:#f6fafc;margin-bottom:13px}.verification-title{display:block;font-size:12px;font-weight:750;color:#344957}.verification small{display:block;color:var(--muted);font-size:10px}.verification-row{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:9px}.demo-captcha{height:43px;border:1px dashed #8aa7b7;border-radius:5px;background:repeating-linear-gradient(-45deg,#fff,#fff 8px,#f0f6f9 8px,#f0f6f9 16px);display:grid;place-items:center;font:800 20px Georgia,serif;letter-spacing:.15em;color:#174b69}.login-error{min-height:18px;color:#a31e17;font-size:11px;margin-bottom:7px}.signin-btn{width:100%;height:48px;border:0;border-radius:7px;background:#086e9f;color:#fff;font-weight:750;display:flex;justify-content:center;align-items:center;gap:12px;transition:.15s;box-shadow:0 7px 16px rgba(8,110,159,.19)}.signin-btn:hover{background:#055d88;transform:translateY(-1px)}.signin-btn:disabled{opacity:.72;transform:none}.signin-btn.loading span:last-child{animation:loginPulse .75s infinite alternate}.demo-credentials{margin-top:16px;border:1px solid #dce7ec;background:#f8fbfc;border-radius:7px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-credentials div{display:flex;flex-direction:column}.demo-credentials b{font-size:11px;color:#314b5a}.demo-credentials small{font-size:9px;color:var(--muted)}.demo-credentials button{border:1px solid #9bb9c8;background:#fff;color:#076d9c;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:700}.privacy-note{font-size:9px;line-height:1.45;color:#71828b;margin:16px 0 0;text-align:center}.login-footer{position:absolute;bottom:18px;display:flex;gap:9px;align-items:center;color:#7b8b94;font-size:10px}.login-footer button{border:0;background:none;padding:0;color:#526f7f}.mobile-identity{display:none}@keyframes loginPulse{from{transform:translateX(0)}to{transform:translateX(5px)}}
@media(max-width:1100px){.login-v2{grid-template-columns:48% 52%}.login-features{grid-template-columns:1fr}.visual-copy h1{font-size:43px}.visual-lead{font-size:15px}.login-card-v2{padding:30px}.visual-inner{padding:45px}}
@media(max-width:780px){.login-v2{display:block;background:#f3f8fb;overflow:auto}.login-visual{display:none}.login-form-area{min-height:100vh;padding:88px 18px 60px;align-items:flex-start}.mobile-identity{display:flex;position:absolute;top:18px;left:20px;align-items:center;gap:10px}.mobile-identity img{width:47px;height:52px;object-fit:contain}.mobile-identity div{display:flex;flex-direction:column;color:var(--navy)}.mobile-identity b{font-size:16px}.mobile-identity small{font-size:10px;color:var(--muted)}.login-card-v2{padding:25px 22px;box-shadow:0 14px 42px rgba(6,59,99,.1)}.login-footer{bottom:13px}.login-card-head h2{font-size:23px}}
@media(max-width:390px){.login-form-area{padding-left:12px;padding-right:12px}.login-card-v2{padding:22px 17px}.verification-row{grid-template-columns:1fr 90px}.demo-credentials{align-items:flex-start;flex-direction:column}.demo-credentials button{width:100%}}