:root{font-family:Arial Narrow,Roboto Condensed,Liberation Sans Narrow,Arial,sans-serif;color:#050505;background:#000;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#000}button,input{font:inherit}button{cursor:pointer}.splash-screen{width:min(100vw,505px);min-height:100vh;margin:0 auto;background:#48a4e3;display:flex;justify-content:center;overflow:hidden}.splash-content{width:100%;min-height:100vh;padding-top:clamp(275px,29.45vh,307px);text-align:center}.railway-logo{display:block;width:121px;height:119px;object-fit:cover;margin:0 auto 4px}.welcome-copy{margin:0 auto}.welcome-copy h1{margin:0;font-size:39px;line-height:1.05;font-weight:700;letter-spacing:-1.2px}.welcome-line{margin:8px 0 0;font-size:29px;line-height:1;font-weight:700}.to-line{margin-top:8px}.welcome-copy h2{margin:12px auto 0;padding:0 20px;font-size:31px;line-height:1.04;font-weight:700;letter-spacing:-.9px}.cris-mark{margin:18px auto 13px;width:54px;display:flex;flex-direction:column;align-items:center;color:#5c45a9;font-family:Arial,sans-serif;font-weight:900;line-height:.8;transform:scaleX(.92)}.cris-mark span:first-child{font-size:19px;letter-spacing:-3px}.cris-mark span:last-child{font-size:17px;margin-top:3px}.welcome-copy h3{margin:0;padding:0 16px;font-size:29px;line-height:1.08;font-weight:700;letter-spacing:-.8px}.ministry{margin:14px auto 0;padding:0 12px;font-size:19px;line-height:1.25;font-weight:700}.login-screen{width:min(100vw,505px);min-height:100vh;margin:0 auto;position:relative;background:#48a4e3;overflow:hidden}.login-blue-header{height:120px;position:relative;background:#48a4e3}.login-header-title{position:absolute;top:42px;width:100%;text-align:center;font-size:27px;line-height:1;font-weight:800;white-space:nowrap}.login-sheet{position:absolute;left:3px;right:3px;top:119px;bottom:0;min-height:817px;background:#fff;border-radius:39px 39px 0 0;padding-top:7px}.login-handle{width:115px;height:6px;margin:0 auto;background:#111}.login-brand-row{height:101px;display:flex;align-items:flex-start;justify-content:space-between;padding:5px 23px 0 21px}.login-railway-logo{width:84px;height:78px;object-fit:cover}.azadi-logo{width:103px;height:81px;object-fit:cover}.login-watermark{position:absolute;top:78px;left:0;right:0;text-align:center;color:#96969640;font-family:Arial,sans-serif;font-size:48px;line-height:1;font-weight:700;transform:rotate(-1deg);pointer-events:none}.login-form{position:relative;width:calc(100% - 46px);margin:0 auto;min-height:434px;border:1px solid #bdbdbd;padding:34px 22px 0;background:#fffffffa}.field-card{display:block;height:119px;border:1px solid #e5e5e5;border-radius:13px;padding:15px 12px 10px;box-shadow:0 0 7px #00000009}.field-card+.field-card{margin-top:29px}.field-card>span{display:block;font-size:22px;line-height:1;font-weight:700;margin-bottom:8px}.field-card input{width:100%;height:59px;border:0;outline:0;border-radius:7px;background:#d8ebf8;padding:0 13px;color:#111;font-size:21px;font-weight:500}.field-card input::placeholder{color:#111;opacity:1}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:44px}.eye-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:42px;padding:0;border:0;background:transparent;color:#111;font-family:Arial,sans-serif;font-size:23px;line-height:1}.signin-button{display:block;width:180px;height:74px;margin:28px auto 0;border:0;border-radius:17px;background:#45a4e5;color:#050505;box-shadow:0 4px 6px #00000038;font-size:31px;font-weight:600}.login-links{display:flex;flex-direction:column;align-items:center;gap:37px;margin-top:25px}.login-links button,.login-bottom-row button{border:0;background:transparent;color:#2f5b85;font-weight:700;font-size:20px}.login-bottom-row{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:42px}.login-bottom-row span{color:#2f5b85;font-size:20px;font-weight:700}.login-footer{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px}.login-footer img{width:58px;height:51px;object-fit:cover;border-radius:12px;box-shadow:0 4px 13px #00000029}.login-footer p{margin:0;color:#222;font-size:11px;line-height:1.45;font-weight:700;text-align:left}@media(max-width:505px){.login-screen{width:100vw}}@media(max-height:800px){.splash-content{padding-top:26vh}.railway-logo{width:100px;height:99px}.welcome-copy h1{font-size:33px}.welcome-line{font-size:25px}.welcome-copy h2{font-size:27px}.welcome-copy h3{font-size:25px}.ministry{font-size:17px}}.dashboard-screen{position:relative;width:min(100vw,505px);height:100dvh;min-height:650px;margin:0 auto;overflow-x:hidden;overflow-y:auto;background:#eff7fc;color:#080d14;scrollbar-width:thin}.dashboard-header{height:115px;display:flex;align-items:center;justify-content:space-around;gap:7px;padding:0 14px;background:linear-gradient(105deg,#4aa9e7,#8ab3d5 38%,#e9b69f)}.header-icon{display:grid;place-items:center;width:31px;height:42px;flex:0 0 31px;padding:0;color:#f8fbff;border:0;background:transparent}.header-icon svg{width:23px;height:23px}.dashboard-railway-logo{width:47px;height:47px;object-fit:contain;border-radius:50%;flex:0 0 auto}.ress-wordmark{font-family:Arial,sans-serif;font-weight:500;font-size:26px;letter-spacing:-.8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.08)}.dashboard-cris-logo{width:43px;height:43px;object-fit:contain;border-radius:5px;mix-blend-mode:multiply}.bell-icon{color:#087844}.more-icon{width:17px;flex-basis:17px}.dashboard-title{height:77px;padding-top:3px;text-align:center;overflow:hidden}.dashboard-title h1{margin:0;font-size:clamp(22px,5.4vw,27px);line-height:1.35;font-weight:800;letter-spacing:-.65px;white-space:nowrap}.dashboard-title p{margin:-1px 0 0;color:#b5a52c;font-size:22px;line-height:1.1;font-weight:700}.employee-panel{position:relative;height:233px;margin:0 25px;border:1px solid #c8d9eb;border-radius:23px;background:#d8e5f5;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.employee-welcome{position:absolute;z-index:2;inset:0 0 auto;height:78px;padding-top:7px;background:#104da7;color:#fff;border-radius:22px 22px 0 0;text-align:center;font-size:16px;line-height:1.3;font-weight:800}.employee-welcome span{display:block}.employee-welcome small{display:block;margin-top:2px;font-size:12px;font-weight:700;line-height:1.2}.employee-photo{position:absolute;top:78px;left:50%;transform:translate(-50%);width:172px;height:152px;object-fit:cover;object-position:center 28%}.provisional-note{margin:5px 0 13px;text-align:center;color:#675653;font-size:15px;line-height:1.25;font-weight:700;letter-spacing:.05px;white-space:nowrap}.dashboard-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:16px;padding:0 34px 28px}.dashboard-tile{min-width:0;height:130px;border:0;border-radius:34px;background:#48a5e6;color:#07111d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 3px;box-shadow:0 1px 1px #0000000a;font-size:19px;line-height:1.08;font-weight:800;text-align:center;white-space:normal}.dashboard-tile:active{filter:brightness(.96)}.tile-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f5fbff;color:#2674a8;flex:0 0 auto}.tile-icon svg{width:25px;height:25px}.dashboard-tile:nth-child(2) .tile-icon,.dashboard-tile:nth-child(3) .tile-icon{color:#d2a72c}.dashboard-tile:nth-child(3) .tile-icon{color:#b62d59}.dashboard-tile:nth-child(4) .tile-icon{color:#168b7b}.dashboard-tile:nth-child(5) .tile-icon{color:#b98716}.tile-line{display:block}.dashboard-tile:nth-child(7){grid-column:1 / 2;margin-left:36px;width:calc(100% - 2px)}.dashboard-tile:nth-child(8){grid-column:3 / 4;margin-left:-2px;width:calc(100% + 2px)}.dashboard-popover{position:absolute;z-index:5;top:80px;left:12px;width:180px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 5px 18px #0003}.dashboard-popover button{display:flex;align-items:center;gap:5px;width:100%;padding:9px;border:0;background:transparent;text-align:left}.dashboard-message{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%);width:min(calc(100vw - 32px),440px);padding:18px 20px;border-radius:12px;background:#fff;box-shadow:0 4px 22px #00000038;font-size:15px}.dashboard-message p{margin:8px 0 0}.message-close{float:right;border:0;background:transparent}.dashboard-footer{padding:2px 12px 14px;color:#74808a;text-align:center;font-size:11px}@media(max-width:390px){.dashboard-header{gap:3px;padding:0 8px}.dashboard-railway-logo{width:41px;height:41px}.ress-wordmark{font-size:23px}.dashboard-cris-logo{width:37px;height:37px}.dashboard-tiles{padding-left:24px;padding-right:24px;gap:13px 8px}.dashboard-tile{height:122px;border-radius:29px;font-size:17px}.dashboard-tile:nth-child(7){margin-left:28px}}.employee-screen{width:min(100vw,505px);height:100dvh;min-height:650px;margin:0 auto;overflow-y:auto;overflow-x:hidden;background:#eff7fc;color:#101a2b;position:relative;padding-bottom:22px}.ress-inner-header{height:115px;display:flex;align-items:center;justify-content:space-around;gap:7px;padding:0 13px;background:linear-gradient(105deg,#4aa9e7,#8ab3d5 38%,#e9b69f)}.ress-inner-header>img{width:47px;height:47px;object-fit:contain;border-radius:50%}.ress-inner-header>img.inner-cris{width:43px;height:43px;border-radius:0;mix-blend-mode:multiply}.ress-inner-header>span{color:#fff;font:500 26px Arial,sans-serif;letter-spacing:-.8px}.inner-header-btn{width:30px;height:40px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff}.inner-page-title{margin:0;height:65px;padding-top:17px;text-align:center;font-size:22px;font-weight:800}.bio-section{padding:0 6px}.section-band{height:54px;margin:0;border-radius:26px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;font-weight:600;line-height:1}.section-band.orange{background:#ffa900}.section-band.blue{background:#2b30c7;margin-top:8px}.bio-rows{padding:3px 4px 0}.bio-row{min-height:41px;display:grid;grid-template-columns:57% 43%;align-items:center;padding:4px 10px;border-radius:18px;background:linear-gradient(180deg,#e8eef4,#dce5ee);box-shadow:0 2px 5px #2c435a0d;margin-bottom:1px;font-size:16px}.bio-row span{color:#22272d;font-weight:500}.bio-row strong{color:#255b94;font-size:15px;font-weight:600;text-align:right;overflow-wrap:anywhere}.salary-search-screen{padding-bottom:40px}.salary-tabs{height:64px;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(105deg,#4aa9e7,#8ab3d5 38%,#e9b69f);align-items:stretch}.salary-tabs button,.salary-tabs span{border:0;background:transparent;color:#101010;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}.salary-tabs button.active,.salary-tabs span.active{background:#fff;border-radius:13px 13px 0 0;margin:0 17px}.salary-search-title{text-align:center;font-size:17px;font-weight:700;margin:20px 4px 31px}.period-label{display:block;font-size:20px;font-weight:600;margin:0 0 3px}.period-picker{margin:0 23px;height:78px;border-radius:17px;background:#d8ecfa;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#0d1724;font-size:24px}.period-picker button{border:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#50acd4;color:#fff}.go-button{display:block;width:140px;height:75px;margin:106px auto 0;border:0;border-radius:18px;background:#49a4e5;box-shadow:0 4px 6px #0003;color:#050505;font-size:30px;font-weight:600}.salary-details-screen{padding-bottom:20px}.salary-details-screen .salary-tabs{height:65px}.salary-detail-title{text-align:center;font-size:21px;margin:17px 0 28px;font-weight:800}.pdf-link-row{display:flex;align-items:center;justify-content:space-around;margin:0 8px 11px;color:#448acb;font-size:25px}.pdf-link-row button{border:0;border-radius:18px;background:#49a4e5;box-shadow:0 3px 5px #0002;width:89px;height:55px;font-size:22px;color:#050505}.salary-details-screen .section-band{height:34px;border-radius:19px;margin:0 7px}.section-band.green{background:#86d36d}.section-band.red{background:#fa7379}.section-band.summary{background:#0750a9}.salary-rows{padding:3px 8px 7px}.salary-row{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 12px;border-radius:17px;background:linear-gradient(180deg,#e9eff5,#dce5ed);margin-bottom:1px;font-size:15px}.salary-row span{font-weight:500}.salary-row strong{color:#285b91;font-size:16px;text-align:right}.payslip-screen{background:#eff7fc;padding-bottom:100px}.payslip-header{height:114px;background:#4aa4e4;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;font-size:27px}.payslip-header button{position:absolute;left:17px;top:0;height:100%;border:0;background:transparent;color:#fff}.payslip-screen>h1{text-align:center;margin:45px 0 29px;font-size:21px}.payslip-paper{margin:0 22px;background:#fff;min-height:315px;padding:12px 11px;box-shadow:0 2px 7px #0004;border:1px solid #ddd;color:#4c5660;font-family:Arial,sans-serif}.paper-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aaa;padding-bottom:8px;font-size:9px}.paper-brand b:first-child{color:#316f9f}.paper-brand b:last-child{color:#6651a2}.payslip-paper h3{text-align:center;font-size:12px;margin:12px 0}.paper-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccc}.paper-grid div{min-height:34px;display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid #ddd;font-size:10px}.paper-grid strong{color:#222}.payslip-paper small{display:block;margin-top:15px;color:#999;font-size:8px}.share-pdf{position:fixed;bottom:17px;left:50%;transform:translate(-50%);width:min(calc(100vw - 44px),460px);height:65px;border:1px solid #edb8bd;border-radius:28px;background:#ffdcdf;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700}.share-circle{width:57px;height:48px;border-radius:18px;background:#49a4e5;color:#fff;display:grid;place-items:center;box-shadow:0 2px 4px #0002}.download-pdf{display:flex;align-items:center;gap:6px;margin:14px auto;border:0;background:transparent;color:#275c8c}@media print{body{background:#fff}.payslip-header,.share-pdf,.download-pdf{display:none!important}.employee-screen{width:100%;height:auto;overflow:visible}.payslip-screen>h1{margin:15px}.payslip-paper{box-shadow:none;margin:0;border:1px solid #bbb}}@media(max-width:390px){.ress-inner-header{gap:3px;padding:0 8px}.ress-inner-header>img{width:41px;height:41px}.ress-inner-header>img.inner-cris{width:37px;height:37px}.ress-inner-header>span{font-size:23px}.bio-row{font-size:14px;grid-template-columns:54% 46%}.bio-row strong,.salary-row{font-size:13px}.salary-detail-title{font-size:18px}.section-band{font-size:20px}}.financial-search-screen .inner-page-title{height:75px;padding-top:17px}.financial-search-screen .period-label{margin:0 4px 3px;white-space:normal}.financial-search-screen .fy-picker{margin:0 23px;height:78px;font-size:24px}.nps-ledger-screen .inner-page-title{height:56px;padding-top:17px}.nps-pdf-row{justify-content:flex-start;gap:16px;margin:0 13px 2px;font-size:24px;min-height:61px}.nps-pdf-row button{flex-shrink:0}.nps-table-wrap{width:100%;overflow-x:auto}.nps-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;text-align:center;color:#111}.nps-table th{height:64px;padding:4px 2px;background:#f4f0f1;border:1px solid #c8c8c8;font-size:12px;line-height:1.15}.nps-table td{height:57px;padding:4px 2px;border:1px solid #c8c8c8;background:#eef6fc}.nps-table tbody tr:nth-child(odd) td{background:#f4edf1}.nps-totals{padding-top:2px}.nps-totals .salary-row{min-height:42px}.processed-date{text-align:center;margin:17px 4px 26px;font-size:18px;font-weight:600;color:#172746}.tax-details-screen .inner-page-title{height:65px;padding-top:17px}.tax-band{height:34px;margin:0 7px;border-radius:19px}.tax-details-screen .salary-rows{padding:3px 8px 7px}.tax-details-screen .salary-row{min-height:42px}.tax-details-screen .processed-date{margin:17px 4px 20px;padding-bottom:17px;border-bottom:1px solid #e1e7ec}.tax-downloads{padding:0 15px 20px}.tax-downloads>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;color:#4388ca;font-size:21px}.tax-downloads button{flex-shrink:0;width:89px;height:55px;border:0;border-radius:18px;background:#49a4e5;box-shadow:0 3px 5px #0002;font-size:22px}.loans-alert-screen{min-height:100dvh}.alert-card{position:absolute;top:56%;left:12%;width:76%;transform:translateY(-50%);padding:26px 25px 22px;border-radius:19px;background:#e1f1fc;box-shadow:0 5px 9px #0003;color:#050505}.alert-card h2{font-size:27px;font-weight:500;margin:0 0 24px}.alert-card p{font-size:21px;line-height:1.45;margin:0 0 28px}.alert-card button{display:block;margin-left:auto;min-width:57px;height:49px;padding:0 15px;border:0;border-radius:18px;background:#49a4e5;color:#fff;font-size:16px;box-shadow:0 3px 6px #0002}@media print{.ress-inner-header,.pdf-link-row button,.tax-downloads button{display:none!important}.employee-screen{height:auto;min-height:0;overflow:visible}}.leave-details-screen{padding-bottom:0}.leave-header{height:115px;background:#347ff2;display:flex;align-items:center;gap:27px;padding:0 20px;color:#fff;box-shadow:0 2px 3px #0002}.leave-header button{border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0}.leave-header span{font-size:27px;font-weight:500}.leave-unavailable{position:absolute;top:46%;left:16px;right:16px;transform:translateY(-10%);display:flex;align-items:center;flex-direction:column;text-align:center;color:#ef777a}.leave-unavailable h1{margin:34px 0 12px;color:#222831;font-size:23px;line-height:1.35;font-weight:800}.leave-unavailable p{margin:0;color:#697078;font-size:21px;line-height:1.4}.family-details-screen .inner-page-title{height:67px;padding-top:17px}.family-table-wrap{padding:0 8.5%;width:100%;overflow-x:auto}.family-table{border-collapse:collapse;width:100%;table-layout:fixed;color:#171717;font-size:13px;text-align:center}.family-table th{height:65px;background:#f2edef;border:1px solid #bcbcbc;padding:5px 3px;font-weight:800}.family-table td{height:57px;border:1px solid #bcbcbc;padding:5px 3px;background:#f4edf1;white-space:normal;overflow-wrap:anywhere}.family-table tbody tr:nth-child(2n) td{background:#eaf4fb}.family-details-screen .processed-date{margin-top:25px}.drawer-scrim{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#0004;display:flex;align-items:stretch}.profile-drawer{width:min(100vw,360px);height:100%;overflow-y:auto;background:#e0f1fd;box-shadow:4px 0 16px #0003;color:#111;padding:12px 15px 22px}.drawer-profile{height:235px;border-radius:32px 0;padding:80px 17px 17px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background:linear-gradient(155deg,#55a9e4,#9ab7cd 55%,#f2b99b);margin-bottom:13px;overflow:hidden}.drawer-profile img{position:absolute;top:80px;right:18px;width:57px;height:57px;object-fit:cover}.drawer-profile strong{color:#fff;font-size:22px;line-height:1.3;font-weight:500}.drawer-links{display:flex;flex-direction:column}.drawer-links button{min-height:64px;border:0;background:transparent;display:flex;align-items:center;gap:24px;padding:0 18px;text-align:left;color:#111;font-size:19px}.drawer-links button>svg:first-child{color:#82919b;flex-shrink:0}.drawer-links button span{flex:1}.drawer-links .drawer-chevron{opacity:0}.drawer-links button.drawer-divider{border-top:1px solid #cbdde9;margin-top:8px;padding-top:8px}.drawer-links button.logout-row{margin-top:8px}.drawer-version{padding:13px 35px 0;font-size:20px}@media(max-width:390px){.leave-header{height:115px;gap:25px;padding:0 20px}.leave-header span{font-size:25px}.leave-unavailable h1{font-size:21px}.leave-unavailable p{font-size:19px}.family-table-wrap{padding:0 8.5%}.family-table,.family-table th{font-size:11px}.profile-drawer{width:100%;max-width:360px}.drawer-links button{min-height:64px;font-size:18px}}.login-error{color:#b42318;font-size:13px;text-align:center;margin:8px 0}.signin-button:disabled{opacity:.7;cursor:wait}.drawer-profile small{display:block;color:#244b70;font-size:12px;margin-top:4px}@media(min-width:760px){body{overflow:auto;background:#eff7fc}#root{min-height:100vh}.splash-screen,.login-screen{width:min(100%,505px);min-height:100vh;box-shadow:0 0 44px #13314d1f}.dashboard-screen,.employee-screen{width:100%;max-width:none;min-height:100dvh;height:auto;margin:0;overflow-x:hidden;overflow-y:auto;padding-bottom:36px}.dashboard-header,.ress-inner-header{height:88px;justify-content:center;gap:clamp(18px,2.2vw,34px);padding:0 clamp(24px,4vw,64px)}.header-icon,.inner-header-btn{width:40px;height:44px;flex-basis:40px}.dashboard-railway-logo,.ress-inner-header>img{width:49px;height:49px}.dashboard-cris-logo,.ress-inner-header>img.inner-cris{width:45px;height:45px}.ress-wordmark,.ress-inner-header>span{font-size:29px}.dashboard-title{height:auto;padding:28px 24px 22px;overflow:visible}.dashboard-title h1{font-size:clamp(28px,2.3vw,36px);line-height:1.2;white-space:normal}.dashboard-title p{margin-top:6px;font-size:22px}.employee-panel{width:min(100% - 64px,1040px);height:260px;margin:0 auto;border-radius:22px}.employee-welcome{height:84px;padding-top:8px;font-size:18px}.employee-photo{top:84px;width:176px;height:175px}.provisional-note{margin:12px auto 20px;font-size:13px;white-space:normal}.dashboard-tiles{width:min(100% - 64px,1180px);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 0 30px}.dashboard-tile{height:150px;border-radius:24px;gap:10px;padding:18px 12px;font-size:clamp(17px,1.25vw,21px);box-shadow:0 5px 16px #234f6f17;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.dashboard-tile:hover{transform:translateY(-2px);box-shadow:0 9px 22px #234f6f26}.dashboard-tile:nth-child(7),.dashboard-tile:nth-child(8){grid-column:auto;margin-left:0;width:auto}.tile-icon{width:42px;height:42px}.tile-icon svg{width:27px;height:27px}.dashboard-footer{padding:12px 24px 20px;font-size:12px}.inner-page-title{height:auto;min-height:68px;padding:22px 24px 18px;font-size:27px}.bio-section{width:min(100% - 64px,1120px);margin:0 auto 22px;padding:0}.section-band{height:48px;border-radius:14px;font-size:21px}.section-band.blue{margin-top:16px}.bio-rows{padding:8px 0 0}.bio-row{min-height:48px;grid-template-columns:minmax(220px,38%) minmax(0,1fr);padding:8px 18px;border-radius:8px;font-size:16px;margin-bottom:3px}.bio-row strong{text-align:left;font-size:16px}.salary-tabs{height:58px;padding:0 max(24px,calc((100% - 900px)/2))}.salary-tabs button,.salary-tabs span{font-size:17px}.salary-search-title,.salary-detail-title{font-size:24px;margin:28px auto 30px;padding:0 24px}.period-label{width:min(100% - 64px,780px);margin:0 auto 8px;font-size:18px}.period-picker,.financial-search-screen .fy-picker{width:min(100% - 64px,780px);margin:0 auto;height:68px;border-radius:12px;font-size:22px}.go-button{width:150px;height:58px;margin:42px auto 48px;border-radius:12px;font-size:22px}.pdf-link-row{width:min(100% - 64px,1120px);margin:0 auto 16px;justify-content:flex-start;gap:22px;font-size:20px}.salary-details-screen .section-band,.tax-band{width:min(100% - 64px,1120px);height:40px;margin:12px auto 0;border-radius:10px}.salary-rows,.tax-details-screen .salary-rows,.nps-totals{width:min(100% - 64px,1120px);margin:0 auto;padding:8px 0 14px}.salary-row{min-height:46px;grid-template-columns:minmax(0,1fr) minmax(160px,28%);padding:8px 16px;border-radius:7px;margin-bottom:3px;font-size:15px}.salary-row strong{font-size:16px}.nps-table-wrap{width:min(100% - 64px,1120px);margin:0 auto}.nps-table{font-size:14px}.nps-table th{height:54px;font-size:13px;padding:8px}.nps-table td{height:48px;padding:8px}.processed-date{margin:22px auto 28px;font-size:15px}.tax-downloads{width:min(100% - 64px,1120px);margin:0 auto;padding:0 0 30px}.tax-downloads>div{font-size:18px;justify-content:flex-start;gap:24px}.family-table-wrap{width:min(100% - 64px,1120px);margin:18px auto;padding:0}.family-table{font-size:15px}.family-table th,.family-table td{padding:12px}.alert-card{position:relative;top:auto;left:auto;transform:none;width:min(100% - 64px,680px);margin:12vh auto 0;padding:30px 32px;border-radius:18px}.alert-card h2{font-size:24px}.alert-card p{font-size:18px}.leave-header{height:88px;padding:0 clamp(24px,4vw,64px);gap:22px}.leave-header span{font-size:25px}.leave-unavailable{width:min(100% - 64px,900px);margin:12vh auto 0}.profile-drawer{width:min(380px,35vw)}.payslip-screen>h1{margin:32px auto 24px;font-size:24px}.payslip-paper{width:min(100% - 64px,960px);margin:0 auto;padding:24px}.paper-brand{font-size:13px}.payslip-paper h3{font-size:18px;margin:20px 0}.paper-grid div{min-height:48px;padding:10px;font-size:13px}.payslip-paper small{font-size:11px}.share-pdf{width:260px;height:54px;left:auto;right:28px;bottom:22px;transform:none;font-size:16px}.share-circle{width:40px;height:40px;border-radius:14px}}@media(min-width:1200px){.dashboard-tiles{gap:24px}.dashboard-tile{height:164px;font-size:21px}}.splash-screen{width:100%;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,56px);overflow-x:hidden}.splash-content{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.railway-logo{display:block;width:clamp(110px,15vw,200px);height:auto;max-width:100%;object-fit:contain;margin-bottom:clamp(16px,2.5vw,28px)}.welcome-copy{width:100%;max-width:100%;text-align:center}.welcome-copy h1{font-size:clamp(28px,3vw,44px);margin:0 0 8px}.welcome-copy .welcome-line{font-size:clamp(18px,2vw,26px);margin:6px 0}.welcome-copy h2{font-size:clamp(23px,2.8vw,38px);line-height:1.25;margin:18px 0;overflow-wrap:anywhere}.cris-mark{margin:18px auto}.welcome-copy h3{font-size:clamp(17px,1.8vw,24px);line-height:1.4;margin:12px 0}.welcome-copy .ministry{font-size:clamp(13px,1.3vw,17px);line-height:1.5;margin:12px 0 0}@media(min-width:760px){.splash-content{max-width:1100px}}@media(max-width:759px){.splash-screen{padding:24px 16px}.splash-content{max-width:505px}.railway-logo{width:clamp(100px,28vw,140px)}.welcome-copy h2{margin:14px 0}}@media(max-height:500px)and (orientation:landscape){.splash-screen{min-height:100vh;padding:16px}.railway-logo{width:75px;margin-bottom:10px}.welcome-copy h1,.welcome-copy h2,.welcome-copy h3,.welcome-copy p{margin-top:6px;margin-bottom:6px}}
