#invoicesPage{--desk-ink:var(--text);--desk-blue:var(--accent-strong);--desk-muted:var(--muted);--desk-line:var(--line);gap:22px;color:var(--desk-ink)}
#invoicesPage .invoice-filter-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(130px,1fr) auto auto}#invoicesPage .invoice-filter-row>*{min-width:0;grid-column:auto;width:auto}
#invoicesPage>.hero-panel{position:relative;overflow:hidden;background:var(--hero-background);border:0;border-radius:24px;padding:32px;color:var(--sidebar-text);box-shadow:var(--shadow-sm)}
#invoicesPage>.hero-panel:after{content:'';position:absolute;right:30%;top:-90px;width:300px;height:300px;border:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent);border-radius:50%;pointer-events:none;box-shadow:0 0 0 48px color-mix(in srgb,var(--sidebar-text) 2%,transparent),0 0 0 96px color-mix(in srgb,var(--sidebar-text) 2%,transparent)}
#invoicesPage>.hero-panel>div{position:relative;z-index:1}#invoicesPage>.hero-panel .eyebrow{color:var(--sidebar-text)}#invoicesPage>.hero-panel h3{max-width:520px;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-1.4px;color:var(--sidebar-text);margin:10px 0 14px}#invoicesPage>.hero-panel p{max-width:530px;color:var(--sidebar-link-text);font-size:13px;line-height:1.7}#invoicesPage>.hero-panel .primary-btn{background:var(--brand-background);color:var(--brand-text);border-color:transparent;box-shadow:none}#invoicesPage>.hero-panel .ghost-btn{color:var(--sidebar-text);background:var(--sidebar-link-bg);border-color:var(--sidebar-link-border)}
.invoice-desk-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.invoice-desk-signals>article{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;display:grid;gap:8px}.invoice-desk-signals span{font-size:11px;color:var(--muted)}.invoice-desk-signals strong{font-size:32px;letter-spacing:-1px;color:var(--text)}.invoice-desk-signals small{font-size:11px;color:var(--muted);line-height:1.5}.invoice-desk-signals>article:last-child{background:var(--accent-soft);border-color:var(--line-strong)}.invoice-desk-signals>article:last-child strong{color:var(--accent-strong)}
#invoicesPage>.panel-card{border:1px solid var(--desk-line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm);padding:24px}#invoicesPage .panel-head h4{color:var(--desk-ink);font-size:18px;letter-spacing:-.4px}#invoicesPage .panel-head p{color:var(--desk-muted);font-size:12px;line-height:1.6}#invoicesPage .panel-pill{color:var(--desk-blue);background:var(--accent-soft);border-color:var(--line-strong)}#invoicesPage .invoice-filter-row{padding:16px;background:var(--surface-alt);border:1px solid var(--line);border-radius:14px;gap:10px}#invoicesPage .invoice-filter-row :is(input,select){background:var(--surface);border-color:var(--line);color:var(--text);border-radius:9px;min-height:44px}#invoicesPage .invoice-filter-row .primary-btn{background:var(--desk-blue);border-color:var(--desk-blue);color:#fff}#invoicesPage .data-table th{background:var(--surface-alt);color:var(--muted);font-size:10px;letter-spacing:.7px;padding:15px}#invoicesPage .data-table td{padding:18px 15px;color:var(--text);border-color:var(--line);font-size:12px}#invoicesPage .data-table tbody tr{transition:background .18s ease}#invoicesPage .data-table tbody tr:hover{background:var(--surface-alt)}#invoicesPage .stack-meta{color:var(--muted);font-size:11px;margin-top:5px}#invoicesPage .table-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}#invoicesPage .table-icon-btn{color:var(--muted);border-color:var(--line);background:var(--surface);border-radius:9px;min-height:34px}#invoicesPage .table-icon-btn:hover{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}#invoicesPage .table-icon-btn.danger:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}#invoicesPage .table-pay-btn{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--line-strong);border-radius:9px;min-height:34px;padding:6px 10px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}#invoicesPage .table-pay-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.invoice-visit-note{display:grid;gap:4px;margin-top:9px;max-width:220px;padding:9px 10px;background:color-mix(in srgb,var(--warning) 12%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));border-radius:9px;color:var(--text);font-size:10px;line-height:1.5}.invoice-visit-note strong{font-size:10px}.invoice-visit-note time{color:var(--muted)}
@media(max-width:900px){#invoicesPage>.hero-panel{padding:26px;flex-direction:column;align-items:flex-start}.invoice-desk-signals{gap:10px}.invoice-desk-signals>article{padding:18px}#invoicesPage .table-wrap{overflow-x:auto}#invoicesPage .data-table{min-width:860px}}
@media(max-width:600px){#invoicesPage>.hero-panel{padding:24px;border-radius:20px}#invoicesPage>.panel-card{padding:16px;border-radius:18px}.invoice-desk-signals{grid-template-columns:1fr}.invoice-desk-signals>article{grid-template-columns:1fr auto;gap:5px;padding:15px 18px}.invoice-desk-signals strong{grid-column:2;grid-row:1/3;align-self:center;font-size:26px}.invoice-desk-signals small{grid-column:1}#invoicesPage .hero-actions{width:100%;flex-wrap:wrap}#invoicesPage .invoice-filter-row{padding:12px}#invoicesPage .invoice-filter-row input{width:100%}#invoicesPage .invoice-filter-row select{min-width:0;flex:1 1 120px}}
@media(prefers-reduced-motion:reduce){#invoicesPage *{transition:none!important}}
@media(max-width:1100px){#invoicesPage .invoice-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}#invoicesPage .invoice-filter-row input{grid-column:1/-1}#invoicesPage .invoice-filter-row button{width:100%}}

#invoicesPage .invoice-filter-row .ghost-btn{background:var(--surface-strong);color:var(--text);border-color:var(--line)}
:root[data-theme="glass"] #invoicesPage :is(.panel-card,.invoice-desk-signals>article){backdrop-filter:blur(16px)}

:root[data-theme="midnight"] #invoicesPage .table-pay-btn,:root[data-theme="midnight"] #invoicesPage .invoice-desk-signals>article:last-child strong{color:var(--accent)}