/* Lidi Rangup v1.4.0 — HR & Finance */
.hr-hero,.finance-hero{background:linear-gradient(135deg,#11110f,#2a170d);color:#fff;border-radius:24px;padding:30px;box-shadow:0 14px 35px #0002;margin-bottom:20px}.hr-hero h1,.finance-hero h1{font-size:clamp(30px,4vw,48px);margin:5px 0}.hr-hero p,.finance-hero p{color:#d8cec1;margin:4px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.metric-card{background:#fff;border:1px solid #ead9c3;border-radius:16px;padding:16px;box-shadow:0 7px 20px #0000000c}.metric-card .label{font-size:12px;color:#776b5e;font-weight:800;text-transform:uppercase}.metric-card .value{font-size:27px;font-weight:950;margin-top:5px}.metric-card .sub{font-size:12px;color:#776b5e;margin-top:4px}.metric-card.good{border-left:5px solid #2f9a49}.metric-card.warn{border-left:5px solid #e8a000}.metric-card.bad{border-left:5px solid #d9381e}.hr-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.hr-nav a{background:#fff;border:1px solid #decdb6;border-radius:999px;padding:9px 13px;font-weight:800;color:#201a13}.hr-nav a.active,.hr-nav a:hover{background:#11110f;color:#fff;border-color:#11110f}.salary-guide{background:#fff8df;border:1px solid #e9c360;border-radius:16px;padding:16px}.salary-guide strong{font-size:21px}.status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#eee}.status-chip.active,.status-chip.paid,.status-chip.approved,.status-chip.completed{background:#dcf7e2;color:#17662a}.status-chip.draft,.status-chip.unpaid,.status-chip.pending{background:#fff0c9;color:#8a5d00}.status-chip.suspended,.status-chip.rejected{background:#ffe1dd;color:#a62719}.task-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-box{background:#fff;border:1px solid #e6d6c0;border-radius:16px;padding:16px}.task-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5a400;font-weight:950;margin-bottom:9px}.checklist{display:grid;gap:8px}.check-item{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e7dac8;border-radius:12px;padding:11px}.check-item.done{background:#effbf1;border-color:#a8d9b0}.check-item button{padding:6px 9px;font-size:11px}.clock-card{background:#11110f;color:#fff;border-radius:18px;padding:20px}.clock-card .clock-time{font-size:28px;font-weight:950}.clock-card small{color:#bcb2a6}.payroll-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.money-pos{color:#18773a}.money-neg{color:#be2e1b}.profit-positive{color:#18773a;font-weight:950}.profit-negative{color:#be2e1b;font-weight:950}.finance-bars{display:grid;gap:8px}.finance-bar{display:grid;grid-template-columns:180px 1fr 110px;gap:10px;align-items:center}.finance-bar-track{height:10px;background:#eee2d2;border-radius:999px;overflow:hidden}.finance-bar-fill{height:100%;background:#f5a400;border-radius:999px}.doc-paper{max-width:850px;margin:20px auto;background:#fff;border:1px solid #d7c9b7;box-shadow:0 12px 35px #0001;padding:50px;white-space:pre-wrap;line-height:1.65}.pay-slip{max-width:820px;margin:20px auto;background:#fff;border:1px solid #d8c9b4;border-radius:16px;padding:26px}.pay-slip-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:14px;margin-bottom:16px}.compact-table td,.compact-table th{padding:8px 9px;font-size:12px}.danger-note{background:#fff0ed;border:1px solid #e2a298;border-radius:12px;padding:12px}.legal-note{font-size:12px;color:#726658;background:#fff8e8;border:1px solid #edd59c;border-radius:12px;padding:12px}.nowrap{white-space:nowrap}.actions{display:flex;gap:6px;flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:1000px){.metric-grid,.payroll-summary{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.finance-bar{grid-template-columns:120px 1fr 90px}}@media(max-width:700px){.metric-grid,.payroll-summary,.task-pair,.grid-3,.grid-2{grid-template-columns:1fr}.doc-paper{padding:25px}.finance-bar{grid-template-columns:1fr}.pay-slip-head{display:block}}
@media print{.topbar,.site-footer,.hr-nav,.no-print,.btn,button{display:none!important}.wrap{width:100%!important;margin:0!important}.doc-paper,.pay-slip{box-shadow:none;border:0;max-width:none;margin:0}.staff-body{background:#fff!important}}