:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17231d;background:#f3f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e9f5ed,#f9fbfa 48%,#eef4fb)}.auth-panel{width:min(100%,430px);background:#fff;border:1px solid #d9e5dd;padding:34px;box-shadow:0 24px 60px #10472f1f;border-radius:8px}.auth-logo{width:174px;height:62px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.auth-heading{margin:28px 0 24px}.auth-heading span,.section-title span{color:#0b7a4d;text-transform:uppercase;font-size:12px;font-weight:800}.auth-heading h1{margin:5px 0 8px;font-size:29px}.auth-heading p,.auth-panel small{color:#647169;line-height:1.55}.auth-panel form{display:grid;gap:16px}.auth-panel label{display:grid;gap:7px;font-size:13px;font-weight:700}.auth-panel input,.section-title input{min-height:46px;border:1px solid #cddbd2;border-radius:6px;padding:0 13px;color:#17231d;background:#fff}.auth-panel input:focus,.section-title input:focus{outline:3px solid rgba(18,145,88,.14);border-color:#168754}.auth-panel form button{min-height:48px;border:0;border-radius:6px;color:#fff;background:#087043;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:800}.auth-panel form button:disabled{opacity:.6}.form-error{margin:0;padding:11px 13px;border-left:3px solid #c92f3a;background:#fff0f1;color:#9b202a;font-size:13px}.password-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e4f5eb;color:#087043}.password-rule{margin:-4px 0 0;color:#69766f;font-size:12px}.portal-state-panel{text-align:center}.portal-state-panel .auth-logo{display:block;margin:0 auto 25px;-o-object-position:center;object-position:center}.portal-state-panel h1{margin:10px 0 8px;font-size:27px}.portal-state-panel p{margin:0 auto 22px;max-width:330px;color:#647169;line-height:1.6}.state-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%}.state-icon.loading{color:#087043;background:#e4f5eb}.state-icon.loading svg{animation:portal-spin 1s linear infinite}.state-icon.shutdown{color:#a82a34;background:#ffe9eb}.state-eyebrow{color:#b22832;text-transform:uppercase;font-size:11px;font-weight:900}.state-action{min-height:46px;margin:0 auto;padding:0 20px;border:0;border-radius:6px;color:#fff;background:#087043;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.shutdown-page{background:#f8f3f3}.shutdown-panel{border-top:4px solid #c93641}@keyframes portal-spin{to{transform:rotate(360deg)}}.portal-shell{min-height:100vh;display:flex;flex-direction:column}.portal-shell>header{height:72px;display:flex;align-items:center;gap:14px;padding:8px max(18px,calc((100vw - 1050px)/2));background:#063b29;color:#fff;position:sticky;top:0;z-index:10}.portal-shell>header img{width:132px;height:50px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.employee-name{margin-left:auto;display:grid;text-align:right}.employee-name span{color:#b7d5c7;font-size:12px}.icon-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;background:transparent;display:grid;place-items:center}.portal-shell>main{width:min(100%,1050px);margin:0 auto;padding:22px 18px 50px;flex:1}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-bottom:1px solid #d8e3dc;margin-bottom:28px}.view-tabs button{min-height:50px;border:0;border-bottom:3px solid transparent;background:transparent;color:#66726b;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.view-tabs button.active{color:#087043;border-color:#087043}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h1{margin:4px 0 0;font-size:26px}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}.summary{min-height:82px;border:1px solid #dbe4de;border-top:4px solid;border-radius:6px;background:#fff;padding:12px;display:grid;align-content:space-between}.summary span{font-size:12px;color:#68746d}.summary strong{font-size:22px}.summary.green{border-top-color:#159557}.summary.red{border-top-color:#d63c45}.summary.orange{border-top-color:#f18b2b}.summary.blue{border-top-color:#287cd3}.summary.violet{border-top-color:#7953c6}.summary.teal{border-top-color:#159c99}.record-list{display:grid;gap:12px}.record-card,.advance-card,.profile-panel{background:#fff;border:1px solid #dbe4de;border-radius:7px;box-shadow:0 5px 20px #133a260b}.record-card{padding:16px}.record-top{display:flex;gap:13px;align-items:center;padding-bottom:13px;border-bottom:1px solid #edf1ee}.record-top h2,.advance-heading h2{margin:0 0 5px;font-size:16px}.date-block{width:52px;height:54px;flex:0 0 auto;border-radius:6px;display:grid;place-items:center;align-content:center;background:#e6f5ec;color:#087043}.date-block strong{font-size:21px}.date-block span{font-size:11px;font-weight:800;text-transform:uppercase}.status{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:800}.status-present{color:#087043;background:#e2f6ea}.status-absent{color:#b22832;background:#ffe9eb}.status-half_day{color:#a9570e;background:#fff1de}.status-official_holiday{color:#6342a9;background:#eee8fb}.status-not_marked{color:#3b607e;background:#e9f2f8}.record-details{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:15px 0}.record-details>div{min-width:0;display:grid;grid-template-columns:20px 1fr;align-items:center;-moz-column-gap:5px;column-gap:5px;color:#217052}.record-details span{color:#77827b;font-size:11px}.record-details strong{grid-column:2;font-size:13px;overflow-wrap:anywhere}.time-flags{display:flex;flex-wrap:wrap;gap:8px}.time-flags span{padding:5px 8px;background:#f2f6f3;border-radius:4px;font-size:11px;color:#536159}.remarks{margin:12px 0 0;padding-top:10px;border-top:1px solid #edf1ee;color:#59665f;font-size:12px}.money-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #dbe4de;border-radius:7px;margin-bottom:20px}.selected-month-label{margin:0 0 8px;color:#087043;font-size:13px;font-weight:800}.money-summary>div{padding:17px;display:grid;gap:5px;border-right:1px solid #e4ebe6}.money-summary>div:last-child{border:0}.money-summary span{font-size:12px;color:#6e7b73}.money-summary strong{font-size:20px;color:#087043}.money-summary .due strong{color:#bd323d}.advance-card{padding:17px}.advance-heading{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf1ee}.advance-heading>strong{margin-left:auto;font-size:19px}.advance-heading span{font-size:11px;color:#78847d}.voucher-icon{width:42px;height:42px;border-radius:6px;display:grid;place-items:center;color:#1769b2;background:#e8f2fb}.advance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;padding-top:14px}.advance-grid p{margin:0;font-size:13px;overflow-wrap:anywhere}.advance-grid span{display:block;margin-bottom:4px;color:#7a857e;font-size:11px}.profile-panel{max-width:620px;padding:28px;text-align:center}.profile-avatar{margin:0 auto 12px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#087043;font-size:23px;font-weight:800}.profile-panel h2{margin:0 0 4px}.profile-panel>p{margin:0;color:#6c7971}.profile-panel dl{margin:26px 0;text-align:left}.profile-panel dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf1ee}.profile-panel dt{color:#758078}.profile-panel dd{margin:0;font-weight:700;text-align:right}.read-only-note{display:flex;justify-content:center;gap:7px;align-items:center;padding:11px;background:#edf6f1;color:#176440!important;font-size:12px}.empty{min-height:160px;display:grid;place-items:center;align-content:center;text-align:center;color:#7b8780;background:#fff;border:1px dashed #cbd8d0;border-radius:7px}.empty p{margin:8px 0}.portal-shell>footer{padding:18px;text-align:center;color:#738078;border-top:1px solid #dce6df;font-size:12px}@media(max-width:760px){.auth-page{padding:0;align-items:stretch}.auth-panel{width:100%;min-height:100vh;border:0;border-radius:0;padding:30px 22px;box-shadow:none}.portal-shell>header{padding:8px 14px}.portal-shell>header img{width:105px}.employee-name{max-width:145px}.employee-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portal-shell>main{padding:12px 12px 36px}.view-tabs{position:sticky;top:72px;z-index:8;background:#f3f7f4;margin-bottom:20px}.view-tabs button{font-size:12px;flex-direction:column;gap:3px}.section-title{align-items:center}.section-title h1{font-size:23px}.section-title input{width:145px}.summary-grid{grid-template-columns:repeat(3,1fr)}.record-details{grid-template-columns:repeat(2,1fr)}.money-summary{grid-template-columns:1fr}.money-summary>div{border-right:0;border-bottom:1px solid #e4ebe6}.advance-grid{grid-template-columns:repeat(2,1fr)}.profile-panel{padding:22px 17px}}@media(max-width:390px){.summary-grid{grid-template-columns:repeat(2,1fr)}.advance-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.section-title input{width:100%}.record-details{grid-template-columns:1fr}}.portal-shell>.portal-header{position:relative;top:auto;z-index:1;height:188px;display:block;padding:20px max(22px,calc((100vw - 1050px)/2));overflow:hidden;background:#075d3b;border-bottom:5px solid #f4bf1c}.brand-line,.welcome-line{position:relative;z-index:1;display:flex;align-items:center}.brand-line{justify-content:space-between}.brand-line img{width:160px;height:56px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.welcome-line{gap:13px;margin-top:14px;color:#fff}.welcome-line>div:last-child{display:grid}.welcome-line span,.welcome-line small{color:#c9e3d5;font-size:12px}.welcome-line strong{margin:1px 0;font-size:23px}.header-avatar{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#075d3b;background:#e9f5d9;font-size:19px;font-weight:900}.bottom-nav{width:min(100%,1050px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #d7e3db}.bottom-nav button{min-height:62px;border:0;border-top:3px solid transparent;color:#68766e;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.bottom-nav button.active{color:#087043;border-color:#f4bf1c}.home-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.today-panel,.home-summary-panel{background:#fff;border:1px solid #d9e4dd;border-radius:8px;box-shadow:0 8px 24px #0e482c0f}.today-panel{grid-column:1 / -1;padding:21px}.dashboard-card-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.dashboard-card-heading h1{margin:0;font-size:22px}.dashboard-card-heading .status{min-width:110px;padding:8px 13px;text-align:center;font-size:13px}.today-details{display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-fact{min-width:0;padding:4px 16px;display:grid;justify-items:center;gap:6px;text-align:center;border-right:1px solid #e3e9e5}.dashboard-fact:last-child{border-right:0}.fact-icon,.round-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#087043;background:#e8f5e8}.fact-icon.yellow{color:#9d6c00;background:#fff3cc}.fact-icon.blue{color:#176c94;background:#e5f2f7}.dashboard-fact small,.mini-metric span,.mini-money span{color:#6e7a73;font-size:12px}.dashboard-fact strong{max-width:100%;overflow-wrap:anywhere;font-size:17px}.home-summary-panel{overflow:hidden}.summary-heading-button,.panel-link{width:100%;border:0;color:#164d34;background:transparent;display:flex;align-items:center;text-align:left}.summary-heading-button{min-height:68px;padding:12px 16px;gap:11px}.summary-heading-button strong{margin-right:auto;font-size:16px}.round-icon.money{color:#fff;background:#087043}.attendance-home-grid{padding:4px 13px 16px;display:grid;grid-template-columns:repeat(5,1fr)}.mini-metric{min-width:0;padding:7px 8px;display:grid;justify-items:center;gap:5px;text-align:center;border-right:1px solid #e1e8e3}.mini-metric:last-child{border:0}.mini-metric strong{font-size:23px}.mini-metric.green strong{color:#087043}.mini-metric.red strong{color:#d22d3a}.mini-metric.orange strong{color:#ee7c18}.mini-metric.yellow strong{color:#d99b00}.mini-metric.blue strong{color:#247ab2}.panel-link{min-height:51px;padding:10px 18px;gap:9px;border-top:1px solid #e2e9e4;font-weight:800}.panel-link svg:last-child{margin-left:auto}.money-home-grid{padding:0 13px 15px;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.mini-money{grid-column:span 2;min-width:0;padding:9px 10px;display:grid;justify-items:center;gap:5px;text-align:center;border-right:1px solid #e1e8e3}.mini-money:nth-child(3),.mini-money:last-child{border-right:0}.mini-money:nth-child(4),.mini-money:nth-child(5){grid-column:span 3;margin-top:7px;padding-top:13px;border-top:1px solid #e1e8e3}.mini-money strong{color:#087043;font-size:17px}.mini-money.emphasis strong{color:#bd323d}.language-setting{margin:22px 0;padding:15px;background:#f1f6f2;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left}.language-setting>div:first-child{display:grid;gap:3px}.language-setting span{color:#728078;font-size:11px}.language-control{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #bed0c4;border-radius:6px;overflow:hidden}.language-control button{min-height:37px;padding:0 13px;border:0;color:#4f5e55;background:#fff;font-weight:750}.language-control button.active{color:#fff;background:#087043}.language-hi{font-family:Nirmala UI,Mangal,Segoe UI,sans-serif}@media(max-width:760px){.portal-shell>.portal-header{height:205px;padding:16px 18px 23px}.brand-line img{width:145px;height:52px}.welcome-line{margin-top:18px}.portal-shell>main{padding:18px 12px 108px}.home-dashboard{grid-template-columns:1fr;gap:13px}.today-panel{padding:16px}.dashboard-card-heading h1{font-size:19px}.dashboard-fact{padding:4px 8px}.dashboard-fact strong{font-size:15px}.attendance-home-grid{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.mini-metric{min-width:64px;padding-inline:5px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#075d3b;border:0;box-shadow:0 -5px 18px #05311f2e}.bottom-nav button{min-width:0;min-height:72px;padding:7px 3px 5px;color:#d4e7dc;border-top-width:4px;flex-direction:column;gap:3px;font-size:11px}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:#ffd12b}.portal-shell>footer{display:none}.language-setting{align-items:stretch;flex-direction:column}}@media(max-width:390px){.portal-shell>.portal-header{height:196px}.welcome-line strong{font-size:20px}.dashboard-card-heading{align-items:flex-start}.dashboard-card-heading .status{min-width:92px}.fact-icon{width:40px;height:40px}.money-home-grid{padding-inline:7px}.mini-money{padding-inline:5px}.mini-money strong{font-size:15px}}