:root{--navy: #04223f;--navy-2: #0a3a66;--saffron: #ff7a18;--saffron-2: #e85d04;--ink: #16202b;--muted: #5b6b7b;--line: #e2e8f0;--line-2: #eef2f7;--bg: #f4f6f9;--surface: #fff;--ok: #128a3a;--ok-bg: #e7f6ec;--warn: #b5710a;--warn-bg: #fdf3e2;--info: #1457b8;--info-bg: #e8f0fd;--danger: #c02626;--danger-bg: #fdeaea;--teal: #0d7a6f;--green-2: #0f6e07;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16,32,43,.06), 0 6px 20px rgba(16,32,43,.06);--shadow-lg: 0 10px 40px rgba(16,32,43,.16);--font: "Inter","Segoe UI","Noto Sans","Noto Sans Devanagari",system-ui,-apple-system,Arial,sans-serif;--accent: var(--navy);--accent-soft: #e8eef6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:15px}button{font-family:inherit;cursor:pointer}a{color:var(--accent)}h1,h2,h3,h4,h5{margin:0;line-height:1.25}:focus-visible{outline:3px solid #2b7fff;outline-offset:2px;border-radius:6px}[data-ux=a]{--accent: var(--navy);--accent-soft: #e8eef6}[data-ux=b]{--accent: var(--teal);--accent-soft: #e1f3f1}[data-ux=c]{--accent: var(--navy-2);--accent-soft: #e3edf8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 18px;font-weight:600;font-size:14px;min-height:44px;transition:.15s;background:#fff;color:var(--ink)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{background:#b6c1cd;cursor:not-allowed}.btn-ghost{background:#fff;border-color:var(--line)}.btn-ghost:hover{background:var(--line-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}.btn-block{width:100%}.link-btn{background:none;border:none;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:6px 2px;font-size:14px}.icon-btn{background:none;border:1px solid transparent;border-radius:8px;padding:9px;color:inherit;display:inline-flex;min-height:40px;min-width:40px;align-items:center;justify-content:center}.icon-btn:hover{background:#0000000f}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:12.5px;font-weight:600;color:var(--muted)}.field input,.field textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;min-height:44px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.muted{color:var(--muted)}.small{font-size:12.5px}.hide-sm{display:inline}.screen{max-width:1120px;margin:0 auto}.screen-title{font-size:20px;margin-bottom:14px}.sec-title{font-size:15px;margin:22px 0 12px}.form-h{font-size:14px;margin-bottom:12px;color:var(--accent)}.boot{height:100%;display:grid;place-items:center}.spinner{width:38px;height:38px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.tag{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;font-size:13px}.chip-on{background:var(--accent);color:#fff;border-color:var(--accent)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}.avatar-lg{width:52px;height:52px;font-size:18px}.sla-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px}.sla-ok{background:var(--ok-bg);color:var(--ok)}.sla-over{background:var(--danger-bg);color:var(--danger)}.auth{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:radial-gradient(1200px 500px at 50% -10%,#0a3a66,#04223f 60%)}.auth-lang{position:absolute;top:18px;right:18px}.auth-lang .lang-toggle{color:#fff;border-color:#fff6}.auth-brand-top{text-align:center;color:#fff;padding-bottom:18px}.auth-brand-top img{border-radius:12px}.auth-brand-top h1{font-size:20px;margin:12px 0 4px}.auth-brand-top p{color:#cdd9e6;font-size:12.5px;margin:0}.login-panel{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:920px;padding:24px;display:grid;grid-template-columns:320px 1fr;gap:24px}.login-form h2{font-size:17px;margin-bottom:16px}.sso-note{font-size:11.5px;color:var(--muted);margin-top:12px}.officer-pick h3{font-size:14px;margin-bottom:12px;color:var(--muted)}.officer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:360px;overflow-y:auto}.officer-card{display:flex;align-items:center;gap:10px;text-align:left;background:#fbfcfe;border:1px solid var(--line);border-radius:12px;padding:11px}.officer-card:hover{border-color:var(--accent)}.officer-meta{min-width:0}.officer-meta strong{display:block;font-size:13.5px}.officer-meta span{display:block;font-size:11.5px;color:var(--muted)}.officer-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-foot{color:#cdd9e6;font-size:12px;margin-top:20px}.modal-err{display:flex;align-items:center;gap:6px;color:var(--danger);font-size:13px;font-weight:600}.chooser{min-height:100%;display:flex;flex-direction:column}.chooser-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--navy);color:#fff}.chooser-top .lang-toggle{color:#fff;border-color:#fff6}.chooser-brand{display:flex;align-items:center;gap:10px}.chooser-brand img{border-radius:8px}.chooser-body{max-width:1000px;margin:0 auto;padding:40px 24px;width:100%}.chooser-body h1{font-size:26px}.chooser-sub{color:var(--muted);margin:8px 0 28px}.chooser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.choice{position:relative;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);transition:.18s}.choice:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.choice-badge{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;color:var(--muted);background:#f1f4f8;padding:3px 8px;border-radius:6px}.choice-ic{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.choice-title{font-size:16px;font-weight:700}.choice-desc{font-size:13px;color:var(--muted);flex:1}.choice-open{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;font-size:14px}.lang-toggle,.ux-switch{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:13px;font-weight:600;color:var(--ink);min-height:40px}.brand-logo{border-radius:7px}.content{padding:24px}.content-wide{max-width:1180px;margin:0 auto}.only-sm{display:none}.off-chip{display:flex;align-items:center;gap:10px}.off-chip-meta strong{display:block;font-size:13px}.off-chip-meta span{font-size:11.5px;color:var(--muted)}.shell-a{min-height:100%;display:flex;flex-direction:column}.gov-strip{background:var(--navy);color:#dbe7f3;font-size:12px;padding:6px 20px;display:flex;justify-content:space-between}.topbar{background:#fff;border-bottom:3px solid var(--saffron);display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:12px}.topbar-brand{display:flex;align-items:center;gap:12px}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:16px;color:var(--navy)}.brand-text small{font-size:12px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:8px}.mainnav{background:var(--navy);display:flex;gap:2px;padding:0 14px;overflow-x:auto}.navlink{background:none;border:none;color:#c9d8e8;padding:13px 14px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid transparent;white-space:nowrap;min-height:46px}.navlink:hover{color:#fff}.navlink.active{color:#fff;border-bottom-color:var(--saffron);background:#ffffff0f}.gov-footer{margin-top:auto;background:var(--navy);color:#aebfd0;font-size:12px;padding:16px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.shell-b{min-height:100%;display:grid;grid-template-columns:244px 1fr}.sidebar{background:linear-gradient(180deg,#0d7a6f,#0b5f57);color:#d9f1ee;display:flex;flex-direction:column;padding:16px 12px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;color:#fff}.sidebar-brand strong{font-size:17px}.sidebar-officer{background:#ffffff1f;border-radius:10px;padding:10px;margin-bottom:12px;color:#fff}.sidebar-officer .off-chip-meta span{color:#cdeae6}.sidenav{display:flex;flex-direction:column;gap:3px;flex:1}.sidelink{background:none;border:none;color:#cdeae6;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:600;text-align:left;min-height:44px}.sidelink:hover{background:#ffffff1a;color:#fff}.sidelink.active{background:#fff;color:var(--teal)}.sidelink.logout{color:#ffd9d4}.shell-b-main{display:flex;flex-direction:column;min-width:0}.appbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 22px;position:sticky;top:0;z-index:5}.appbar-title{font-size:18px;flex:1}.appbar-actions{display:flex;align-items:center;gap:10px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08121c73;z-index:40}.shell-c{min-height:100%;display:flex;flex-direction:column;max-width:720px;margin:0 auto;background:#fff;box-shadow:0 0 60px #0000000f}.mobile-top{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.mt-brand{display:flex;align-items:center;gap:9px;font-size:16px}.mt-brand img{border-radius:6px;background:#fff}.mt-actions{display:flex;align-items:center;gap:6px}.mobile-top .lang-toggle,.mobile-top .ux-switch,.mobile-top .icon-btn{color:#fff;border-color:#fff6}.content-compact{padding:16px 16px 84px;flex:1;background:var(--bg)}.bottombar{position:sticky;bottom:0;z-index:10;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:6px 4px env(safe-area-inset-bottom)}.bottomlink{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;color:var(--muted);font-size:10.5px;font-weight:600;border-radius:10px;min-height:52px}.bottomlink.active{color:var(--navy-2)}.hello{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.hello-sub{color:var(--muted);font-size:13px;margin:0}.hello-name{font-size:22px;margin:2px 0 4px}.hello-meta{color:var(--muted);font-size:12.5px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.stat-info .stat-icon{background:var(--info-bg);color:var(--info)}.stat-danger .stat-icon{background:var(--danger-bg);color:var(--danger)}.stat-ok .stat-icon{background:var(--ok-bg);color:var(--ok)}.stat-warn .stat-icon{background:var(--warn-bg);color:var(--warn)}.stat-value{font-size:20px;font-weight:800;display:block;line-height:1.1}.stat-label{font-size:12px;color:var(--muted)}.q-list{display:flex;flex-direction:column;gap:10px}.q-row{display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;width:100%}.q-row.q-over{border-left:4px solid var(--danger)}.q-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.q-main{flex:1;min-width:0}.q-applicant{display:block;font-weight:700;font-size:14px}.q-applicant em{color:var(--muted);font-style:normal;font-weight:500;font-size:12.5px}.q-benefit{display:block;font-size:13px;color:var(--ink)}.q-meta{font-size:12px;color:var(--muted)}.q-side{display:flex;align-items:center;gap:10px}.q-go{color:var(--accent)}.hist-row{display:flex;align-items:flex-start;gap:12px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.apply-title{font-size:20px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.detail-aside{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}.section{margin-bottom:16px}.section-h{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent)}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0}.kv{padding:9px 4px;border-bottom:1px solid var(--line-2)}.kv dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.kv dd{margin:3px 0 0;font-weight:600;font-size:13.5px}.kv-compact .kv{padding:6px 4px}.comp{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;background:#fbfdff}.comp-head{display:flex;justify-content:space-between;gap:10px}.comp-amt{font-weight:800}.comp-meta{font-size:12px;color:var(--muted);margin:4px 0}.comp-decl{font-size:12px;color:var(--ok);display:flex;align-items:center;gap:6px;margin:6px 0}.doclist{display:flex;flex-direction:column;gap:8px;margin-top:8px}.doc-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.doc-ic{color:var(--accent)}.doc-main{flex:1;min-width:0}.doc-name{display:block;font-weight:600;font-size:13px;text-decoration:none}.doc-meta{font-size:11.5px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.doc-geo{color:var(--ok);display:inline-flex;align-items:center;gap:4px}.sla-card{text-align:left}.sla-card strong{display:block;font-size:15px;margin:4px 0 10px}.action-card{display:flex;flex-direction:column;gap:8px}.muted-card{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.section-compact{padding:14px}.comp-card{margin-bottom:16px;padding:0;overflow:hidden}.comp-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-2);background:#fbfdff;flex-wrap:wrap}.comp-title{display:block;font-size:15px}.comp-sub{font-size:12px;color:var(--muted)}.comp-head-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comp-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 18px}.comp-col{min-width:0}.stage-docs{margin-top:10px}.stage-docs .chip-row{margin-top:6px}.comp-decl{font-size:12px;color:var(--ok);display:flex;align-items:center;gap:6px;margin:8px 0}.comp-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:1px solid var(--line-2);background:#fafcff}.comp-readonly{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line-2);color:var(--muted);font-size:13px}@media (max-width: 760px){.comp-body{grid-template-columns:1fr}}.stepper{list-style:none;margin:0;padding:0}.step{display:flex;gap:12px;padding-bottom:14px;position:relative}.step:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line)}.step-done:not(:last-child):before{background:var(--ok)}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--line);color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;z-index:1}.step-done .step-dot{background:var(--ok);color:#fff}.step-current .step-dot{background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}.step-rejected .step-dot{background:var(--danger);color:#fff}.step-body{padding-top:3px}.step-label{display:block;font-weight:600;font-size:13.5px}.step-role{font-size:11.5px;color:var(--muted)}.step-current .step-label{color:var(--accent)}.audit{list-style:none;margin:0;padding:0}.audit-item{display:flex;gap:11px;padding-bottom:14px}.audit-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--info-bg);color:var(--info)}.audit-approve{background:var(--ok-bg);color:var(--ok)}.audit-reject{background:var(--danger-bg);color:var(--danger)}.audit-sendback{background:var(--warn-bg);color:var(--warn)}.audit-body{display:flex;flex-direction:column;gap:2px}.audit-line{font-size:13.5px}.audit-remark{font-size:13px;color:var(--ink);font-style:italic}.audit-docs{font-size:12px;color:var(--warn)}.audit-meta{font-size:11.5px;color:var(--muted)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08121c80;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:92vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 4px}.modal-head h3{font-size:16px}.modal-body{padding:10px 18px 18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal-actions .btn{min-width:110px}.empty{text-align:center;color:var(--muted);padding:44px 20px}.empty-title{font-weight:700;margin:12px 0 0;color:var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:80;font-size:14px;font-weight:600}.toast svg{color:#7ee2a0}.toast-x{background:none;border:none;color:#cbd5e1}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}.detail-aside{position:static}.login-panel{grid-template-columns:1fr}}@media (max-width: 760px){.only-sm{display:inline-flex}.hide-sm{display:none}.mainnav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--navy);z-index:30;max-height:0;overflow:hidden;padding:0 14px}.mainnav.open{max-height:420px;padding:8px 14px}.topbar{position:relative}.navlink{width:100%}.shell-b{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:250px;transform:translate(-100%);transition:transform .25s;z-index:50}.sidebar.mobile-open{transform:translate(0)}.content{padding:16px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}