:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f6;--canvas:#f7fafb;--surface:#fff;--surface-2:#f2f7f4;--ink:#10201b;--ink-2:#345148;--muted:#687a73;--line:#d9e5df;--line-strong:#bed2c8;--green:#138a61;--green-dark:#0b6549;--navy:#10263d;--cyan:#0d87a2;--amber:#aa6a00;--red:#b42318;--shadow:0 22px 70px #10263d1c;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,h4,p{margin-top:0}.login-screen{background:linear-gradient(120deg,#138a6124,#0000 35%),linear-gradient(#f9fcfb 0%,#eaf2ef 100%);grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-art{flex-direction:column;justify-content:center;gap:28px;padding:clamp(34px,5vw,78px);display:flex}.hero-logo{width:min(360px,70%);box-shadow:var(--shadow);border-radius:8px}.login-copy{max-width:760px}.login-copy h1{color:var(--navy);letter-spacing:0;margin-bottom:12px;font-size:clamp(42px,5.2vw,72px);line-height:.98}.login-copy p{max-width:660px;color:var(--ink-2);font-size:19px;line-height:1.55}.login-metrics,.kpi-row,.score-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(450px,100% - 48px);box-shadow:var(--shadow);place-self:center;padding:32px}.login-panel h2{color:var(--navy);margin:20px 0 8px;font-size:32px;line-height:1.05}.login-panel p{color:var(--muted);line-height:1.5}.panel-icon{width:48px;height:48px;color:var(--green);border-radius:var(--radius);background:#e7f6ef;border:1px solid #c8ead9;place-items:center;display:grid}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#10201b;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.sidebar-brand{gap:10px;margin-bottom:20px;display:grid}.sidebar-logo{background:#fff;border-radius:7px;width:min(205px,100%);display:block}.sidebar-brand span{color:#ffffffad;letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#ffffffb8;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1c}.workspace{background:var(--canvas);min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fafbe0;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:0 22px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--line);background:var(--surface);width:min(650px,100%);min-width:0;min-height:42px;color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-box input{min-width:0;min-height:auto;box-shadow:none;border:0;outline:none;padding:0}.topbar-actions{align-items:center;gap:9px;display:flex}.role-select,input,select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:6px;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #138a6121}.role-select{width:190px;color:var(--green-dark);font-size:12px;font-weight:900}.icon-button,.ghost-action,.primary-action,.secondary-action,.link-button{border-radius:6px;font-weight:900}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink-2);place-items:center;display:grid}.ghost-action{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink-2);padding:0 13px}.primary-action{background:var(--green);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;display:inline-flex;box-shadow:0 12px 28px #138a6133}.primary-action.compact{width:auto;min-height:38px;padding:0 14px}.secondary-action{border:1px solid var(--line);background:var(--surface);width:100%;min-height:38px;color:var(--green-dark);justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.link-button{width:100%;min-height:40px;color:var(--green-dark);background:0 0;border:0;margin-top:10px}.app-message{width:calc(100% - 36px);min-height:42px;color:var(--green-dark);border-radius:var(--radius);text-align:left;background:#e8f7ef;border:1px solid #bfe3d1;align-items:center;gap:8px;margin:16px 18px 0;padding:0 13px;font-size:13px;font-weight:850;display:flex}.page-shell{padding:18px}.dashboard-layout,.main-column{gap:18px;min-width:0;display:grid}.hero-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 12px 35px #10263d0f}.hero-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px;display:grid}.hero-panel h1{color:var(--navy);margin-bottom:8px;font-size:clamp(30px,3vw,46px);line-height:1.04}.hero-panel p,.panel-title p{color:var(--muted);margin-bottom:0;line-height:1.48}.rule-strip{border-radius:var(--radius);background:#f0f8f4;border:1px solid #d2eadf;grid-template-columns:auto auto;gap:7px 14px;min-width:290px;padding:16px;display:grid}.rule-strip strong{color:var(--green-dark);font-size:20px}.rule-strip span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.panel{padding:18px}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.panel-title h3{color:var(--navy);margin-bottom:4px;font-size:19px;line-height:1.1}.content-grid,.page-grid,.two-column{grid-template-columns:minmax(0,1fr) minmax(360px,.42fr);align-items:start;gap:18px;min-width:0;display:grid}.page-grid,.two-column{grid-template-columns:minmax(0,1fr) minmax(390px,.62fr)}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:126px;padding:16px;position:relative;box-shadow:0 10px 26px #10263d0d}.metric svg{color:var(--green)}.metric span,.field span,.amount-box span,.funnel-row span,.calculator-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.metric strong{color:var(--navy);margin-top:16px;font-size:24px;line-height:1.05;display:block}.metric em{color:var(--green);font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:12px;right:13px}.field{gap:7px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-card,.warning-box,.decision-box,.geo-evidence,.kfs-card,.amount-box{border-radius:var(--radius)}.calculator-card{background:#f2f7ff;border:1px solid #d8e6fb;padding:14px}.calculator-card strong{color:var(--navy);margin-top:8px;font-size:22px;display:block}.calculator-card small{color:var(--muted)}.warning-box{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;font-weight:850;display:flex}.loan-table{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.table-head,.table-row{grid-template-columns:minmax(220px,1.25fr) 170px 120px minmax(150px,.75fr) 120px;align-items:center;gap:12px;min-width:860px;padding:12px 14px;display:grid}.table-head{color:var(--muted);text-transform:uppercase;background:#f1f6f3;font-size:11px;font-weight:950}.table-row{border:0;border-top:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;font-size:13px}.table-row:hover,.table-row.selected,.stack-list button:hover,.stack-list button.selected{background:#edf8f3}.table-row.selected{box-shadow:inset 3px 0 0 var(--green)}.table-row strong,.stack-list strong,.action-list strong{color:var(--ink);margin-bottom:4px;display:block}.table-row small,.stack-list small,.action-list small{color:var(--muted);font-size:12px}.status{width:max-content;max-width:100%;min-height:24px;color:var(--green-dark);white-space:nowrap;background:#e7f6ef;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.status-pending,.status-hold,.status-pend-hold,.status-docs-hold,.status-mandate-pending,.status-generated,.status-referred,.status-refer{color:var(--amber);background:#fff4db}.status-rejected,.status-reject,.status-failed,.status-npa,.status-90-npa,.status-high{color:var(--red);background:#feecec}.status-approved,.status-approve,.status-verified,.status-accepted,.status-released,.status-current,.status-active-loan,.status-closed,.status-closed-noc-issued{color:var(--green-dark);background:#e7f6ef}.stack-list,.action-list,.schedule-list,.funnel-list,.report-table,.audit-list{gap:9px;display:grid}.stack-list button,.action-list button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:11px 12px;display:flex}.funnel-row{grid-template-columns:160px minmax(0,1fr) 32px;align-items:center;gap:12px;display:grid}.funnel-row i{background:#edf3f0;border-radius:999px;height:10px;overflow:hidden}.funnel-row b{background:linear-gradient(90deg, var(--green), var(--cyan));border-radius:inherit;height:100%;display:block}.funnel-row strong{text-align:right}.amount-box{color:#fff;background:linear-gradient(135deg,#123c31,#13755a);margin-bottom:15px;padding:17px}.amount-box span,.amount-box small{color:#ffffffb8}.amount-box strong{margin:8px 0 3px;font-size:28px;display:block}.timeline{gap:9px;margin:14px 0;display:grid}.timeline-step{color:var(--muted);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;display:grid}.timeline-step span{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:950;display:grid}.timeline-step p{margin:0;font-size:13px;font-weight:850}.timeline-step.done{color:var(--ink)}.timeline-step.done span{background:var(--green);border-color:var(--green);color:#fff}.mini-table{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:130px minmax(0,1fr);gap:9px 12px;padding:13px;font-size:13px;display:grid}.mini-table span{color:var(--muted);font-weight:850}.mini-table strong{overflow-wrap:anywhere;min-width:0}.document-grid,.verification-grid,.ops-grid,.integration-grid,.permission-grid,.dsa-grid,.bre-checks,.pan-result-grid{gap:10px;display:grid}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-grid button,.check-card,.bre-checks div,.verify-card,.dsa-card,.permission-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.document-grid button{min-height:42px;color:var(--muted);text-align:left;align-items:center;gap:8px;padding:0 10px;font-weight:850;display:flex}.document-grid button.done{color:var(--green-dark);background:#e8f7ef;border-color:#c8ead9}.button-row{flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;display:flex}.button-row>*{flex:150px}.verification-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.verify-card{gap:11px;padding:14px;display:grid}.verify-card svg{color:var(--green)}.verify-card strong{color:var(--navy)}.pan-opv-card{border-radius:var(--radius);background:#f7fbff;border:1px solid #d7e5ff;gap:12px;margin-top:12px;padding:14px;display:grid}.pan-opv-header{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.pan-opv-header svg{color:var(--cyan)}.pan-opv-header strong{color:var(--navy);display:block}.pan-opv-header span{color:var(--muted);font-size:12px;font-weight:850}.pan-result-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:88px minmax(0,1fr);padding:12px;font-size:13px}.pan-result-grid span{color:var(--muted);font-weight:850}.pan-result-grid strong{min-width:0;color:var(--ink);overflow-wrap:anywhere}.geo-evidence{text-align:center;background:#eef8f4;border:1px dashed #afd8c5;place-items:center;gap:8px;min-height:180px;padding:18px;display:grid}.geo-evidence svg{color:var(--green)}.geo-evidence span{color:var(--muted)}.bre-checks{margin-top:14px}.bre-checks div{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:0 11px;font-size:13px;font-weight:850;display:grid}.bre-checks .pass{color:var(--green-dark);background:#f0faf5}.bre-checks .fail{color:#9a3412;background:#fff7ed}.decision-box{color:var(--navy);background:#eef4ff;border:1px solid #d7e5ff;margin-top:12px;padding:13px;font-weight:850}.kfs-card{background:#f7f6ff;border:1px solid #ddd8ff;padding:18px}.kfs-card svg{color:#5a45b8}.kfs-card h3{color:var(--navy);margin:10px 0 7px}.kfs-card p{color:var(--ink-2);line-height:1.5}.ops-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.check-card{min-height:42px;color:var(--muted);align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:850;display:flex}.check-card.done{color:var(--green-dark);background:#e8f7ef;border-color:#c8ead9}.schedule-list div,.report-table div,.audit-list div{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px;padding:9px 10px;font-size:13px;display:grid}.report-table div{grid-template-columns:minmax(0,1fr) auto}.audit-list{margin-top:16px}.audit-list h4{color:var(--navy);margin:0;font-size:14px}.audit-list div{grid-template-columns:18px minmax(0,1fr)}.audit-list svg{color:var(--muted)}.audit-list small{color:var(--muted);display:block}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-grid div,.dsa-card{gap:8px;padding:13px;display:grid}.permission-grid svg{color:var(--green)}.permission-grid strong,.dsa-card strong{color:var(--navy)}.permission-grid span,.dsa-card span,.dsa-card p{color:var(--muted);font-size:12px;font-weight:800}.dsa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-only{display:none}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:285px;transition:transform .18s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-only{display:grid}.content-grid,.page-grid,.two-column,.hero-panel{grid-template-columns:1fr}.rule-strip{min-width:0}}@media (width<=760px){.login-screen{grid-template-columns:1fr}.login-art{padding:28px 20px}.login-copy h1{font-size:36px}.login-panel{margin-bottom:24px}.topbar{padding:0 12px}.role-select,.topbar-actions .ghost-action{display:none}.page-shell{padding:12px}.form-grid,.compact-form,.verification-grid,.document-grid,.ops-grid,.integration-grid,.permission-grid,.dsa-grid,.kpi-row,.score-grid,.login-metrics{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr;min-width:0}.funnel-row{grid-template-columns:1fr 1fr 32px}.button-row{display:grid}}
