.hr-widget-link{display:block;height:100%;color:inherit;text-decoration:none}.hr-widget-link:after{content:"Lihat rincian →";display:block;position:relative;z-index:1;margin-top:9px;color:#b74e60;font-size:8px;font-weight:900;opacity:0;transform:translateY(2px);transition:.18s}.hr-stat-grid article:hover .hr-widget-link:after,.payroll-widget-grid article:hover .hr-widget-link:after{opacity:1;transform:translateY(0)}.hr-stat-grid article,.payroll-widget-grid article{transition:transform .18s ease,box-shadow .18s ease}.hr-stat-grid article:hover,.payroll-widget-grid article:hover{transform:translateY(-2px);box-shadow:0 12px 23px rgba(91,15,30,.08)}.hr-stat-grid .alert .hr-widget-link:after,.payroll-widget-grid .net .hr-widget-link:after{color:#f6c4cd}
.widget-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:19px}.widget-detail-heading>div{max-width:730px}.widget-back{display:block;width:max-content;margin-bottom:16px;color:#b85363;font-size:9px;font-weight:900}.widget-detail-heading h1{margin:5px 0 7px;color:#4a121b;font-family:Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.7px}.widget-detail-heading p{margin:0;color:#806d71;font-size:11px;line-height:1.5}.widget-detail-heading>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#4b111b;color:#fff;font-family:Georgia,serif;font-size:20px}.widget-period-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px 15px;border:1px solid #eddddf;border-radius:15px;background:#fffafa}.widget-period-picker form{display:flex;align-items:end;gap:8px}.widget-period-picker label{display:grid;gap:4px;color:#a1747a;font-size:8px;font-weight:900;letter-spacing:.75px}.widget-period-picker select{min-width:250px;border:1px solid #ead9db;border-radius:9px;background:#fff;color:#55212a;padding:9px;font-size:10px;font-weight:700}.widget-period-picker button{border:0;border-radius:9px;background:#551620;color:#fff;padding:10px 12px;font-size:9px;font-weight:900}.widget-period-picker p{margin:0;color:#8f7378;font-size:9px}.widget-detail-panel{overflow:hidden;border:1px solid #ecdedf;border-radius:19px;background:#fff;box-shadow:0 10px 23px rgba(88,14,28,.04)}.widget-detail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #f1e5e4;background:linear-gradient(110deg,#fffafa,#fff8ee)}.widget-detail-panel-head small{display:block;color:#b47780;font-size:8px;font-weight:900;letter-spacing:.7px}.widget-detail-panel-head h2{margin:4px 0 0;color:#501721;font-family:Georgia,serif;font-size:21px;font-weight:500}.widget-detail-panel-head>span{color:#96777c;font-size:9px;font-weight:800;text-align:right}.widget-detail-list{padding:0 17px}.widget-detail-row{display:grid;grid-template-columns:34px minmax(150px,.7fr) minmax(230px,1.2fr) auto;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #f3e7e5}.widget-detail-row:last-child{border-bottom:0}.widget-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fff0f1;color:#c02b45;font-family:Georgia,serif;font-size:13px}.widget-detail-person,.widget-detail-explanation{min-width:0}.widget-detail-person b,.widget-detail-person small,.widget-detail-explanation b,.widget-detail-explanation small{display:block}.widget-detail-person b{overflow:hidden;color:#51212a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.widget-detail-person small{margin-top:2px;color:#9c7d82;font-size:8px}.widget-detail-explanation b{color:#61434a;font-size:10px}.widget-detail-explanation small{margin-top:3px;color:#987a7e;font-size:8px;line-height:1.35}.widget-detail-row>strong{color:#501721;font-family:Georgia,serif;font-size:14px;font-weight:500;text-align:right;white-space:nowrap}.widget-detail-row.good .widget-avatar{background:#e7f5e5;color:#458143}.widget-detail-row.warning .widget-avatar{background:#fff0d9;color:#aa6e26}.widget-detail-row.warning>strong{color:#a96928}.widget-empty{display:grid;place-items:center;gap:5px;min-height:180px;padding:20px;text-align:center;color:#9b7d81}.widget-empty span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#fff0f1;color:#c93048}.widget-empty p{margin:0;font-size:10px}
@media(max-width:720px){.widget-detail-heading{align-items:flex-start}.widget-detail-heading h1{font-size:29px}.widget-detail-heading>span{width:42px;height:42px;border-radius:14px;font-size:17px}.widget-period-picker{display:block}.widget-period-picker form{margin-bottom:9px}.widget-period-picker label{flex:1}.widget-period-picker select{min-width:0;width:100%}.widget-detail-list{padding:0 13px}.widget-detail-row{grid-template-columns:31px 1fr auto;gap:8px}.widget-detail-explanation{grid-column:2/-1}.widget-detail-row>strong{grid-column:3;grid-row:1;font-size:12px}.widget-detail-panel-head{padding:15px}.widget-detail-panel-head>span{display:none}}