.fe-task-page{display:grid;gap:20px;color:var(--color-ink)}
.fe-task-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.fe-task-header h1{font-size:22px;margin:0}.fe-task-header p,.fe-task-card-head p{color:var(--color-ink-dim);font-size:13px;margin:5px 0 0}.fe-task-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fe-task-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:10px;padding:18px;overflow:hidden}.fe-task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.fe-task-card-head h2{font-size:15px;margin:0}.fe-task-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.fe-task-metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.fe-task-metric{background:var(--color-panel);border:1px solid var(--color-line);border-radius:9px;padding:14px;display:grid;gap:5px}.fe-task-metric span{font-size:12px;color:var(--color-ink-dim)}.fe-task-metric strong{font-size:20px;line-height:1.2}.fe-task-metric small{font-size:11px;color:var(--color-ink-faint)}.fe-task-metric.positive strong{color:var(--color-pos)}.fe-task-metric.negative strong{color:var(--color-neg)}.fe-task-metric.warning strong{color:var(--color-warn)}
.fe-task-button{border:0;border-radius:6px;padding:8px 12px;background:var(--color-signal);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.fe-task-button:hover{filter:brightness(1.06)}.fe-task-button:disabled{opacity:.55;cursor:not-allowed}.fe-task-button.subtle{background:var(--color-panel-2);color:var(--color-ink);border:1px solid var(--color-line)}.fe-task-button.danger{background:var(--color-neg-soft);color:var(--color-neg);border:1px solid color-mix(in srgb,var(--color-neg) 35%,transparent)}
.fe-task-notice{margin:0;padding:10px 12px;border-radius:6px;background:var(--color-signal-soft);color:var(--color-ink-dim);font-size:13px}.fe-task-notice.error{background:var(--color-neg-soft);color:var(--color-neg)}.fe-task-loading{padding:26px;text-align:center;color:var(--color-ink-faint);border:1px dashed var(--color-line);border-radius:8px}
.fe-task-table-wrap{overflow:auto}.fe-task-table{width:100%;border-collapse:collapse;font-size:12.5px}.fe-task-table th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-faint);text-align:left;padding:10px;border-bottom:1px solid var(--color-line)}.fe-task-table td{padding:11px 10px;border-bottom:1px solid var(--color-line-soft);vertical-align:middle;white-space:nowrap}.fe-task-table tr.clickable{cursor:pointer}.fe-task-table tr.clickable:hover{background:var(--color-panel-2)}.fe-task-table td small{display:block;color:var(--color-ink-faint);font-size:11px;margin-top:3px}.fe-task-empty{text-align:center;color:var(--color-ink-faint);padding:24px!important}
.fe-task-status{display:inline-flex;text-transform:capitalize;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--color-panel-2);border:1px solid var(--color-line)}.fe-task-status.active,.fe-task-status.connected,.fe-task-status.paid{color:var(--color-pos)}.fe-task-status.disabled,.fe-task-status.overdue,.fe-task-status.disconnected{color:var(--color-neg)}.fe-task-status.issued,.fe-task-status.billinghold,.fe-task-status.pending{color:var(--color-warn)}
.fe-task-tabs{display:flex;gap:6px;flex-wrap:wrap}.fe-task-tabs button{padding:8px 12px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel-2);color:var(--color-ink-dim);font:inherit;font-size:12px;cursor:pointer}.fe-task-tabs button.active{background:var(--color-signal);border-color:var(--color-signal);color:#fff}.fe-task-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}.fe-task-field{display:grid;gap:5px;font-size:12px;color:var(--color-ink-dim)}.fe-task-field input,.fe-task-filters input,.fe-task-filters select,.fe-task-actions input{width:100%;box-sizing:border-box;padding:8px 9px;border:1px solid var(--color-line);border-radius:6px;background:var(--color-panel-2);color:var(--color-ink);font:inherit}.fe-task-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.fe-task-filters label{display:grid;gap:5px;font-size:12px;color:var(--color-ink-dim)}
@media (max-width:640px){.fe-task-card{padding:14px}.fe-task-header{align-items:flex-start}.fe-task-table td,.fe-task-table th{padding:9px}.fe-task-button{padding:8px 10px}}