.fines-page,.fines-page *{font-weight:400!important}.fines-paid-filter{background:var(--wh-surface-soft,#0000000a);border-radius:8px;align-items:center;gap:2px;margin-left:4px;padding:3px;display:inline-flex}.fines-paid-filter-btn{font-family:var(--wh-font);color:var(--wh-text-muted,#6b7280);cursor:pointer;transition:background .12s var(--wh-ease-out,ease-out),color .12s var(--wh-ease-out,ease-out);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.fines-paid-filter-btn:hover{color:var(--wh-text,#1f1f23)}.fines-paid-filter-btn.is-active{background:var(--wh-surface,#fff);color:var(--wh-text,#1f1f23);box-shadow:0 1px 2px #0000000d}.fines-paid-badge{font-size:11px;font-weight:600;font-family:var(--wh-font);user-select:none;white-space:nowrap;transition:background .12s var(--wh-ease-out,ease-out);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.fines-paid-badge.is-paid{color:#15803d;background:#22c55e1a}.fines-paid-badge.is-unpaid{color:#b91c1c;background:#ef44441a}.fines-paid-badge.is-clickable{cursor:pointer}.fines-paid-badge.is-clickable:hover.is-paid{background:#22c55e2e}.fines-paid-badge.is-clickable:hover.is-unpaid{background:#ef44442e}.tk-row.is-paid{opacity:.75}.fines-row-number{font-family:var(--wh-font);color:var(--wh-text-muted,#94a3b8);font-variant-numeric:tabular-nums;flex-shrink:0;margin-right:8px;font-size:12px;font-weight:700}.tk-user-cell{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.tk-user-cell-name{font-family:var(--wh-font);color:var(--wh-text,#1f1f23);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.fines-settlement-badge{font-size:11px;font-weight:600;font-family:var(--wh-font);user-select:none;white-space:nowrap;transition:background .12s var(--wh-ease-out,ease-out);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.fines-settlement-badge.is-na{color:#475569;background:#94a3b826}.fines-settlement-badge.is-open{color:#b45309;background:#f59e0b1f}.fines-settlement-badge.is-settling{color:#1d4ed8;background:#3b82f61f}.fines-settlement-badge.is-settled{color:#15803d;background:#22c55e1a}.fines-settlement-badge.is-clickable{cursor:pointer}.fines-settlement-badge.is-clickable:hover.is-open{background:#f59e0b33}.fines-settlement-badge.is-clickable:hover.is-settling{background:#3b82f633}.fines-settlement-badge.is-clickable:hover.is-settled{background:#22c55e2e}.fines-emp-group{margin-bottom:12px}.fines-emp-group-header{background:var(--wh-surface-soft,#00000008);cursor:pointer;font-family:var(--wh-font);color:var(--wh-text);transition:background .12s var(--wh-ease-out,ease-out);border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;display:flex}.fines-emp-group-header:hover{background:var(--wh-surface-soft,#0000000f)}.fines-emp-group-name{color:var(--wh-text);font-weight:600}.fines-emp-group-stats{color:var(--wh-text-muted,#6b7280);margin-left:auto;font-size:12px}.fines-emp-group-stats strong{color:var(--wh-text)}.fines-emp-group-body{padding:4px 0 0}.fines-attach-cell-wrap{z-index:1;position:relative;overflow:visible!important}.fines-attach-cell-wrap:hover,.tk-row:has(.fines-attach-cell.has-items:hover){z-index:60}.fines-attach-cell{font-family:var(--wh-font);color:var(--wh-text-muted,#64748b);cursor:default;transition:background .12s var(--wh-ease-out,ease-out);user-select:none;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.fines-attach-cell.is-empty{color:var(--wh-text-muted,#94a3b8);opacity:.55;font-weight:500}.fines-attach-cell.has-items:hover{background:var(--wh-surface-soft,#0000000a);color:var(--wh-text,#1f1f23)}.fines-attach-popover{z-index:50;background:var(--wh-surface,#fff);border:1px solid var(--wh-border-light,#e2e8f0);opacity:0;pointer-events:none;transition:opacity .12s var(--wh-ease-out,ease-out),transform .12s var(--wh-ease-out,ease-out);border-radius:10px;min-width:360px;max-width:min(460px,100vw - 24px);padding:8px;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(4px);box-shadow:0 12px 32px #0000001f}.fines-attach-cell.has-items:hover .fines-attach-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.fines-attach-popover-list{flex-direction:column;gap:6px;max-height:min(72vh,660px);display:flex;overflow:auto}.fines-attach-popover-item{color:var(--wh-text,#0f172a);font-size:12px;font-family:var(--wh-font);transition:background .1s var(--wh-ease-out,ease-out);border-radius:6px;align-items:center;gap:8px;padding:4px 6px;text-decoration:none;display:flex}.fines-attach-popover-item:hover{background:var(--wh-surface-soft,#0000000a)}.fines-attach-popover-thumb{object-fit:cover;border:1px solid var(--wh-border-light,#e2e8f0);background:var(--wh-surface-soft,#f1f5f9);border-radius:4px;flex-shrink:0;width:32px;height:32px}.fines-attach-popover-thumb-fallback{background:var(--wh-surface-soft,#f1f5f9);border:1px solid var(--wh-border-light,#e2e8f0);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fines-attach-popover-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fines-attach-pv-item{color:var(--wh-text,#0f172a);border:1px solid var(--wh-border-light,#e2e8f0);background:var(--wh-surface,#fff);transition:background .1s var(--wh-ease-out,ease-out);border-radius:8px;text-decoration:none;display:block;overflow:hidden}.fines-attach-pv-item:hover{background:var(--wh-surface-soft,#00000008)}.fines-attach-pv-img{object-fit:contain;background:var(--wh-surface-soft,#f1f5f9);width:100%;max-height:min(70vh,640px);display:block}.fines-attach-pv-pdf{background:var(--wh-surface-soft,#f1f5f9);border:0;border-radius:8px;width:100%;height:min(70vh,640px);display:block}.fines-attach-pv-pdffallback{font-family:var(--wh-font);color:var(--wh-indigo,#6366f1);background:var(--wh-surface-soft,#f1f5f9);justify-content:center;align-items:center;gap:8px;height:92px;font-size:13px;font-weight:600;display:flex}.fines-attach-pv-doc{background:var(--wh-surface-soft,#f1f5f9);justify-content:center;align-items:center;height:92px;display:none}.fines-attach-pv-item:not(.is-image) .fines-attach-pv-doc,.fines-attach-pv-item.is-img-failed .fines-attach-pv-doc{display:flex}.fines-attach-pv-item.is-img-failed .fines-attach-pv-img{display:none}.fines-attach-pv-caption{font-family:var(--wh-font);color:var(--wh-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12px;display:block;overflow:hidden}.fines-kpi-row{flex-wrap:wrap;gap:10px;padding:12px 16px 4px;display:flex}.fines-kpi{border:1px solid var(--wh-border-light,#e2e8f0);background:var(--wh-surface-soft,#00000005);border-radius:10px;flex-direction:column;flex:1 1 0;gap:2px;min-width:150px;padding:10px 14px;display:flex}.fines-kpi-label{font-family:var(--wh-font);letter-spacing:.04em;text-transform:uppercase;color:var(--wh-text-muted,#6b7280);font-size:11px;font-weight:700}.fines-kpi-value{font-family:var(--wh-font);color:var(--wh-text,#1f1f23);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.2}.fines-kpi-value--ok{color:#15803d}.fines-kpi-value--warn{color:#b45309}.fines-kpi-sub{font-family:var(--wh-font);color:var(--wh-text-muted,#94a3b8);font-size:11px;font-weight:500}.fines-tool-btn{border:1px solid var(--wh-border,#e4e4e7);background:var(--wh-surface,#fff);color:var(--wh-text,#1f1f23);font-family:var(--wh-font);cursor:pointer;white-space:nowrap;transition:background .12s var(--wh-ease-out,ease-out),border-color .12s var(--wh-ease-out,ease-out);border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.fines-tool-btn:hover,.fines-tool-btn[aria-expanded=true]{background:var(--wh-surface-soft,#0000000a)}.fines-tool-btn-label{color:var(--wh-text-muted,#6b7280)}.fines-tool-btn-value{font-weight:600}.fines-tool-btn.is-active .fines-tool-btn-label{color:inherit}.fines-tool-count{color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.fines-filter-pop{flex-direction:column;gap:16px;width:300px;max-width:calc(100vw - 32px);padding:14px;display:flex}.fines-filter-section{flex-direction:column;gap:8px;display:flex}.fines-filter-head{justify-content:space-between;align-items:center;display:flex}.fines-filter-title{font-family:var(--wh-font);letter-spacing:.04em;text-transform:uppercase;color:var(--wh-text-muted,#6b7280);font-size:11px;font-weight:700}.fines-filter-clear-mini{color:var(--wh-text-muted,#6b7280);font-family:var(--wh-font);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.fines-filter-clear-mini:hover{color:var(--wh-text,#1f1f23);text-decoration:underline}.fines-filter-recipient-search{box-sizing:border-box;border:1px solid var(--wh-border,#e4e4e7);background:var(--wh-surface,#fff);color:var(--wh-text,#1f1f23);font-family:var(--wh-font);border-radius:7px;width:100%;height:30px;padding:0 10px;font-size:13px}.fines-filter-recipient-search:focus{border-color:var(--wh-border-strong,#a1a1aa);outline:none}.fines-filter-recipient-list{flex-direction:column;gap:6px;max-height:200px;padding-right:2px;display:flex;overflow-y:auto}.fines-filter-empty{font-family:var(--wh-font);color:var(--wh-text-muted,#6b7280);padding:4px 0;font-size:13px}.fines-filter-daterow{align-items:center;gap:8px;display:flex}.fines-filter-daterow>*{flex:1;min-width:0}.fines-filter-dash{color:var(--wh-text-muted,#6b7280);flex:none}.fines-filter-footer{border-top:1px solid var(--wh-border-light,#f4f4f5);padding-top:12px}.fines-filter-clear-all{border:1px solid var(--wh-border,#e4e4e7);background:var(--wh-surface,#fff);color:var(--wh-text,#1f1f23);font-family:var(--wh-font);cursor:pointer;transition:background .12s var(--wh-ease-out,ease-out);border-radius:8px;width:100%;height:32px;font-size:13px;font-weight:500}.fines-filter-clear-all:hover{background:var(--wh-surface-soft,#0000000a)}.fap-card{z-index:9999;box-sizing:border-box;background:var(--wh-surface,#fff);border:1px solid var(--wh-border-light,#e2e8f0);font-family:var(--wh-font);animation:fapIn .12s var(--wh-ease-out,ease-out);border-radius:12px;padding:8px;box-shadow:0 18px 48px #0000002e}@keyframes fapIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fap-list{flex-direction:column;gap:10px;display:flex;overflow:auto}.fap-item{border:1px solid var(--wh-border-light,#e2e8f0);background:var(--wh-surface,#fff);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.fap-img{object-fit:contain;background:var(--wh-surface-soft,#f1f5f9);width:100%;max-height:min(72vh,620px);display:block}.fap-frame{background:var(--wh-surface-soft,#f1f5f9);border:0;width:100%;height:min(72vh,620px);display:block}.fap-doc,.fap-broken{background:var(--wh-surface-soft,#f1f5f9);color:var(--wh-indigo,#6366f1);justify-content:center;align-items:center;gap:8px;height:110px;font-size:13px;font-weight:600;display:flex}.fap-broken,.fap-item.is-broken .fap-img{display:none}.fap-item.is-broken .fap-broken{display:flex}.fap-cap{color:var(--wh-text,#0f172a);border-top:1px solid var(--wh-border-light,#e2e8f0);align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.fap-cap:hover{background:var(--wh-surface-soft,#0000000a)}.fap-capname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}