:root{--navy:#073b4c;--cyan:#00aecb;--bg:#f4f7f8;--line:#dfe7e9;--muted:#70858c;--text:#183943}body{background:var(--bg)}.payslip-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.payslip-side{position:sticky;top:0;height:100vh;background:var(--navy);padding:28px 18px;display:flex;flex-direction:column}.payslip-side img{width:185px;mix-blend-mode:screen}.payslip-side nav{display:grid;gap:7px;margin-top:35px}.payslip-side nav a{color:#bdd1d6;text-decoration:none;padding:12px 13px;border-radius:10px;font-weight:700}.payslip-side nav a.active{background:var(--cyan);color:var(--navy)}.payslip-user{margin-top:auto;border-top:1px solid #ffffff1c;padding:16px 5px;color:white}.payslip-user strong,.payslip-user small{display:block}.payslip-user small{color:#a8c0c6;margin-top:3px}.payslip-user button{border:0;background:none;color:#a8c0c6;padding:12px 0 0;cursor:pointer}main{padding:42px;max-width:1250px;width:100%;margin:auto}header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}header h1{font:800 30px Manrope;margin:0}header>div>p:last-child{color:var(--muted)}.password-note{display:flex;gap:18px;align-items:center;background:#e7f6f8;border:1px solid #c6e9ee;border-radius:12px;padding:16px 18px;margin-bottom:20px}.password-note strong{white-space:nowrap}.password-note span{color:#48656d}.password-note code{font-weight:800;color:var(--navy)}.privacy-copy{color:var(--muted);font-size:11px;margin:0}.full{grid-column:1/-1}tbody tr{cursor:default}.row-actions{display:flex;gap:7px;justify-content:flex-end}.danger{color:#a63a36}.empty-row{text-align:center;color:var(--muted);padding:35px}@media(max-width:760px){.payslip-shell{display:block}.payslip-side{position:static;height:auto;padding:17px;flex-direction:row;align-items:center}.payslip-side img{width:130px}.payslip-side nav{margin:0 0 0 auto;display:flex}.payslip-side nav a:first-child{display:none}.payslip-user{display:none}main{padding:24px 16px}header{align-items:flex-start;gap:15px}.password-note{align-items:flex-start;flex-direction:column;gap:6px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}