.dbill-view{flex-direction:column;gap:16px;margin-top:10px;display:flex}.dbill-summary{flex-wrap:wrap;gap:12px;display:flex}.dbill-card{border:1px solid var(--border-color);background:#fff;border-radius:14px;flex:1;min-width:150px;padding:16px 18px;box-shadow:0 1px 3px #0000000d}.dbill-card--due{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);border-color:#e0e7ff}.dbill-card-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.dbill-card-value.owed{color:#ff3b30}.dbill-card-value.zero{color:#196f30}.dbill-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:.8rem;font-weight:600}.dbill-panel{border:1px solid var(--border-color);background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px #0000000d}.dbill-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dbill-pills{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:inline-flex}.dbill-pill{border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:8px 16px;font-size:.86rem;font-weight:600;line-height:1;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.dbill-pill svg{width:15px;height:15px}.dbill-pill:hover:not(.active){color:var(--text-primary);background:color-mix(in srgb, var(--bg-primary) 72%, transparent)}.dbill-pill.active{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-sm)}.dbill-search{flex:1;align-items:center;min-width:180px;max-width:320px;display:flex;position:relative}.dbill-search svg{color:#9ca3af;pointer-events:none;position:absolute;left:11px}.dbill-search input{border:1px solid var(--border-color);border-radius:9px;outline:none;width:100%;height:38px;padding:6px 12px 6px 34px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.dbill-search input:focus{border-color:#1877f2;box-shadow:0 0 0 3px #6366f126}.dbill-table-wrap{border:1px solid var(--border-color);border-radius:12px;overflow:auto}.dbill-table{border-collapse:collapse;width:100%}.dbill-table thead th{z-index:1;text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;padding:11px 12px;font-size:.78rem;font-weight:700;position:sticky;top:0}.dbill-th-right{text-align:right!important}.dbill-th-center{text-align:center!important}.dbill-table tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;color:#334155;padding:10px 12px;font-size:.9rem}.dbill-table tbody tr:nth-child(2n){background:#fcfcfd}.dbill-table tbody tr:hover{background:#f5f7ff}.dbill-num{color:#1877f2;font-variant-numeric:tabular-nums;font-weight:700}.dbill-date-cell{white-space:nowrap;color:#64748b}.dbill-center{text-align:center}.dbill-price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.dbill-price.owed{color:#ff3b30}.dbill-price.zero{color:#196f30}.dbill-muted{color:#cbd5e1}.dbill-prods{flex-wrap:wrap;gap:4px;display:flex}.dbill-prod{color:#4338ca;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.dbill-prod.more{color:#94a3b8;background:#f1f5f9}.dbill-act-cell{text-align:right;white-space:nowrap}.dbill-act-wrap{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.dbill-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.dbill-badge.ok{color:#196f30;background:#d0f2dd}.dbill-badge.due{color:#b4530a;background:#ffe9d6}.dbill-dl-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1877f2,#1877f2);border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:filter .15s,transform 50ms;display:inline-flex}.dbill-dl-btn:hover{filter:brightness(1.07)}.dbill-dl-btn:active{transform:translateY(1px)}.dbill-dl-btn:disabled{opacity:.6;cursor:default;filter:none;transform:none}.dbill-empty{text-align:center;color:#9ca3af;padding:40px;font-size:.9rem}.dbill-status{text-align:center;color:#9ca3af;padding:36px}.dbill-status.error{color:#ff3b30}