[hidden]{display:none!important}.access{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.access-card{width:min(460px,100%);margin:auto;padding:45px}.access-logo{width:240px;display:block;margin-bottom:45px}.access h1{margin:12px 0}.access p{color:var(--muted)}.access form{display:grid;gap:18px;margin:28px 0}.access-art{background:#252b37;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.access-art img{width:min(370px,80%)}.access-art h2{font-size:36px;text-align:center;margin-top:20px}.access-art p{color:#ccd0d8}.access-foot{font-size:13px;margin-top:30px}.profile>span{font-size:14px}.link-box{overflow-wrap:anywhere;border:1px solid #e2c56e;background:#fff9e9;padding:15px;user-select:all}#loginError,#formError{color:#ba1525;font-size:14px}.financial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span-all{grid-column:1/-1}.section-label{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:8px;margin:14px 0 0;font-weight:600}.hint{font-size:13px;color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.card .primary{white-space:nowrap}.check{display:flex;align-items:center;gap:10px;font-size:14px}.check input{width:18px;height:18px}.loader{padding:50px;text-align:center;color:var(--muted)}.badge.approved{color:#17613f;background:#e7f7ee}.badge.rejected{color:#b92131;background:#ffeef0}.grid-wide{display:grid;grid-template-columns:1fr;gap:20px}.period-actions{min-width:110px}dialog{width:740px}.dialog-title h2{max-width:85%}#main:focus{outline:none}@media(max-width:750px){.access{grid-template-columns:1fr}.access-art{display:none}.access-card{padding:30px}.financial-grid{grid-template-columns:1fr 1fr}.profile>span{max-width:170px}.profile{gap:8px}}@media(max-width:450px){.financial-grid{grid-template-columns:1fr}.profile>span{font-size:12px}.page-title{flex-wrap:wrap}}
[class~="wide-dialog"]{width:1050px}.slip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.slip-heading img{width:200px;max-width:45%}.slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.slip-columns table{white-space:normal}.slip-columns td{padding:10px;font-size:14px}.slip-columns td.money{white-space:nowrap}.slip-columns h3{font-size:16px;border-bottom:2px solid #ed1c2e;padding-bottom:8px}@media(max-width:720px){.slip-columns{grid-template-columns:1fr}}
@media print{body{background:white}body>dialog[open]{position:static;display:block!important;width:100%;max-width:none;max-height:none;height:auto;overflow:visible;margin:0;padding:0;border:0}dialog::backdrop{display:none}.no-print,#formError{display:none!important}.slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slip-columns td{padding:6px;font-size:11pt}table{white-space:normal}tr{break-inside:avoid}.payroll-preview{font-size:11pt}.slip-heading img{width:160px}@page{size:A4;margin:15mm}}