.employee-content{box-sizing:border-box}.payroll-hero{margin-bottom:18px}.payroll-mark{background:#f2223c}.payslip-sheet{overflow:hidden;border:1px solid #ecd9d5;border-radius:23px;background:#fff;box-shadow:0 13px 29px rgba(91,15,30,.08)}.payslip-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:19px 19px 14px}.payslip-top small{display:block;color:#bd7581;font-size:8px;font-weight:900;letter-spacing:1px}.payslip-top h2{margin:5px 0 2px;color:#4a121b;font-family:Georgia,serif;font-size:22px;font-weight:500}.payslip-top p{margin:0;color:#9b777c;font-size:9px}.payslip-top button{border:0;border-radius:9px;background:#ffe5e8;color:#c52b43;padding:8px 9px;font-size:8px;font-weight:900;white-space:nowrap}.payslip-net{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin:0 11px;padding:17px;border-radius:17px;background:#4a111b;color:#fff}.payslip-net:after{position:absolute;right:-37px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:#f2223c;content:""}.payslip-net small,.payslip-net b,.payslip-net span{position:relative;z-index:1;display:block}.payslip-net small{color:#efb3bd;font-size:8px;font-weight:900;letter-spacing:1px}.payslip-net b{margin:4px 0 3px;font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1}.payslip-net span{color:#e9c6cb;font-size:9px}.payslip-net i{position:relative;z-index:1;width:35px;height:35px;border-radius:12px;background:rgba(255,255,255,.13);display:grid;place-items:center;color:#ffd4da;font-size:18px;font-style:normal}.payslip-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 17px;padding:14px 19px 8px}.payslip-breakdown>div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #f3e7e4;color:#765f62;font-size:9px}.payslip-breakdown b{color:#40232a;font-size:10px;white-space:nowrap}.payslip-breakdown .deduct b{color:#c55161}.payslip-note{margin:3px 19px 18px;padding:10px;border-radius:10px;background:#fff4df;color:#8c7045;font-size:8px;line-height:1.45}.attendance-month-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.attendance-month-summary article{padding:13px 12px;border:1px solid #f0dfdc;border-radius:16px;background:#fff}.attendance-month-summary small{display:block;color:#bd7982;font-size:7px;font-weight:900;letter-spacing:.8px}.attendance-month-summary b{display:block;margin-top:6px;color:#4d1620;font-family:Georgia,serif;font-size:25px;font-weight:500;line-height:1}.attendance-month-summary b span{font-family:inherit;font-size:13px}.attendance-month-summary p{margin:5px 0 0;color:#9d8083;font-size:8px}.attendance-history{margin-top:0}.attendance-history-list{margin-top:13px}.attendance-history-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f3e7e4}.attendance-day{width:33px;height:38px;border-radius:11px;background:#fff0f1;color:#d53048;display:grid;place-items:center;align-content:center;flex:none}.attendance-day b{font-size:13px;line-height:1}.attendance-day small{font-size:6px;font-weight:900;letter-spacing:.4px}.attendance-history-row>div:nth-child(2){min-width:0;flex:1}.attendance-history-row b,.attendance-history-row small{display:block}.attendance-history-row b{color:#54232b;font-size:10px}.attendance-history-row small{margin-top:2px;color:#9f8286;font-size:8px}.attendance-mini-state{border-radius:8px;background:#e9f5e8;color:#387844;padding:4px 6px;font-size:7px;font-style:normal;font-weight:900}.attendance-mini-state.late{background:#fff0d7;color:#a66a1e}.attendance-mini-state.review{background:#ffe4e6;color:#b64758}.payroll-detail-grid{margin-top:14px}.payroll-mini-list{margin-top:12px}.payroll-mini-list>div{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #f3e7e4}.payroll-mini-list>div>span{width:31px;padding:5px 2px;border-radius:8px;background:#fff0f1;color:#be5364;text-align:center;font-size:7px;font-weight:900}.payroll-mini-list p{min-width:0;flex:1;margin:0;color:#59242d;font-size:9px;font-weight:800}.payroll-mini-list p small{display:block;margin-top:2px;color:#a18487;font-size:8px;font-weight:500}.payroll-mini-list b{color:#43232a;font-size:9px;white-space:nowrap}@media(max-width:620px){.employee-app{width:100%;overflow-x:hidden}.employee-content{width:100%;max-width:none;padding:19px 10px 101px}.employee-hero{margin:3px 2px 17px}.employee-hero h1{font-size:29px}.hero-date{width:53px;height:58px;border-radius:15px}.attendance-card{width:100%;box-sizing:border-box;padding:18px 15px;border-radius:21px}.attendance-status h2{font-size:20px}.selfie-capture{align-items:flex-start}.selfie-preview{width:58px;height:58px}.selfie-capture>div:last-child>div{flex-wrap:wrap}.attendance-actions{gap:7px}.check-button{padding:12px 7px;font-size:10px}.employee-grid{width:100%;grid-template-columns:1fr;gap:11px;margin-top:11px}.employee-panel{box-sizing:border-box;width:100%;padding:16px;border-radius:18px}.overtime-form{margin-top:13px}.overtime-form input,.overtime-form textarea{box-sizing:border-box;font-size:12px}.employee-nav{width:calc(100% - 18px);height:61px;box-sizing:border-box}.employee-nav a{min-width:0;flex:1;padding:5px 2px;font-size:8px}.employee-nav a span{font-size:14px}.employee-info-card{box-sizing:border-box;width:100%;margin-top:11px;border-radius:18px}.payslip-top{padding:17px 15px 13px}.payslip-top h2{font-size:20px}.payslip-top button{font-size:7px}.payslip-net{margin:0 8px;padding:15px}.payslip-net b{font-size:25px}.payslip-breakdown{grid-template-columns:1fr;padding:11px 15px 7px}.payslip-note{margin:3px 15px 15px}.attendance-month-summary{gap:7px;margin:11px 0}.attendance-month-summary article{padding:11px 9px}.attendance-month-summary b{font-size:22px}.attendance-month-summary p{font-size:7px}.payroll-detail-grid{margin-top:11px}}@media print{body{background:#fff!important}.employee-topbar,.employee-nav,.pwa-install-card,.employee-back,.payslip-top button,.payroll-detail-grid,.attendance-history{display:none!important}.employee-app{padding:0!important;background:#fff!important}.employee-content{width:100%!important;max-width:none!important;padding:0!important}.payroll-hero{margin:0 0 14px!important}.payslip-sheet{box-shadow:none!important}.attendance-month-summary{margin-top:14px!important}}