.hpl{border:1px solid var(--color-border-subtle);font-family:var(--font-primary);pointer-events:none;background:#090909;flex-direction:column;display:flex}.hpl__body{min-height:196px;position:relative;overflow:hidden}.hpl__scene{visibility:hidden;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hpl__label{font-weight:var(--font-weight-regular);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:9px;overflow:hidden}.hpl__tag{min-width:34px;font-weight:var(--font-weight-regular);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:2px 7px;font-size:8px;display:inline-flex}.hpl__tag--due{color:var(--color-orange);background:#f05b3d1f;border-color:#f05b3d66}.hpl__tag--paid{color:#4ade80;background:#4ade801f;border-color:#4ade8066}.hpl__pack{border:1px dashed #ffffff24;padding:3px 10px;position:relative;overflow:hidden}.hpl__files{flex-direction:column;gap:3px;display:flex}.hpl__file-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:21px;padding:0 2px;display:flex}.hpl__file-row:last-child{border-bottom:none}.hpl__file-name{font-weight:var(--font-weight-regular);letter-spacing:.02em;color:#ffffffb8;font-size:10.5px}.hpl__file-dl{color:#4ade80;display:flex}.hpl__file-dl svg{width:12px;height:12px;overflow:visible}.hpl__scrim{z-index:1;background:#090909eb;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hpl__padlock{width:17px;height:19px;overflow:visible}.hpl__unlock-btn{font-family:var(--font-primary);font-weight:var(--font-weight-regular);letter-spacing:.1em;text-transform:uppercase;color:var(--color-white);background:var(--color-orange);cursor:default;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:9px;display:inline-flex}.hpl__spinner{border:1.5px solid #fff3;border-top-color:var(--color-white);border-radius:50%;flex:none;width:8px;height:8px;display:none}.hpl__pointer--1{top:calc(50% + 6px);left:calc(50% + 28px)}.hpl__handover-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hpl__handover-note{font-weight:var(--font-weight-regular);letter-spacing:.01em;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-style:italic;overflow:hidden}.hpl__stars{color:#ffffff38;flex:none;gap:2px;font-size:11px;line-height:1;display:flex}.hpl__co-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hpl__coming{font-weight:var(--font-weight-regular);letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange);background:0 0;border:1px solid #f05b3d59;border-radius:2px;flex:none;align-items:center;padding:2px 6px;font-size:8px;display:inline-flex}.hpl__co-card{border:1px solid var(--color-border-subtle);background:#ffffff05;border-radius:2px;flex-direction:column;gap:3px;padding:5px 8px;display:flex}.hpl__co-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hpl__co-name{font-weight:var(--font-weight-bold);letter-spacing:.01em;color:#ffffffd9;font-size:10px}.hpl__co-amt{font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-white);font-variant-numeric:tabular-nums;font-size:10px}.hpl__co-desc,.hpl__co-meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.hpl__co-desc{font-weight:var(--font-weight-regular);letter-spacing:.01em;color:var(--color-text-secondary);font-size:9.5px}.hpl__co-meta{font-weight:var(--font-weight-regular);letter-spacing:.03em;color:var(--color-text-muted);font-size:8px}.hpl__co-pass{border-top:1px solid var(--color-border-subtle);font-weight:var(--font-weight-regular);letter-spacing:.02em;color:var(--color-text-secondary);justify-content:space-between;gap:8px;padding-top:2px;font-size:8.5px;display:flex}.hpl__co-actions{align-items:center;gap:8px;margin-top:2px;display:flex;position:relative}.hpl__approve-btn{font-family:var(--font-primary);font-weight:var(--font-weight-regular);letter-spacing:.12em;text-transform:uppercase;color:var(--color-white);background:var(--color-orange);cursor:default;border:none;margin-left:auto;padding:5px 10px;font-size:8px}.hpl__pointer--2{top:2px;left:80%}.hpl__bal-row{justify-content:space-between;align-items:baseline;display:flex}.hpl__bal-label{font-weight:var(--font-weight-regular);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px}.hpl__bal-amt{font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-white);font-variant-numeric:tabular-nums;font-size:17px}.hpl__bal-breakdown{font-weight:var(--font-weight-regular);letter-spacing:.02em;color:var(--color-text-muted);flex-wrap:wrap;gap:3px 10px;font-size:8px;display:flex}.hpl__bd-item{white-space:nowrap}.hpl__hrs-line{font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-white);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.hpl__hrs-num{color:var(--color-orange)}.hpl__hrs-track{background:#ffffff14;border-radius:2px;height:4px;position:relative;overflow:hidden}.hpl__hrs-fill{background:var(--color-orange);transform-origin:0;height:100%;display:block}.hpl__log{flex-direction:column;display:flex}.hpl__log-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:42px 1fr 22px;align-items:center;gap:8px;min-height:18px;display:grid}.hpl__log-row:last-child{border-bottom:none}.hpl__log-date{font-weight:var(--font-weight-regular);letter-spacing:.02em;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:9px}.hpl__log-task{font-weight:var(--font-weight-regular);letter-spacing:.01em;color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hpl__log-hours{text-align:right;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:9px}.hpl__rollover{font-weight:var(--font-weight-regular);letter-spacing:.06em;color:var(--color-text-muted);margin:0;font-size:9px}.hpl__feet{border-top:1px solid var(--color-border-subtle);height:40px;position:relative}.hpl__foot{font-weight:var(--font-weight-regular);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary);visibility:hidden;justify-content:space-between;gap:12px;padding:11px 16px;font-size:9px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:480px){.hpl__handover-row{flex-direction:column;align-items:flex-start;gap:4px}.hpl__handover-note{white-space:normal}.hpl__stars{align-self:flex-end}.hpl__foot--2{flex-direction:column;align-items:flex-start;gap:2px}}