.bill-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid var(--app-line,#e5e7eb);background:#f8fafc;font-size:14px;font-weight:550;color:var(--app-text,#111)}.bill-banner p{margin:0;line-height:1.4}.bill-banner.is-ok{border-color:color-mix(in oklab,#16a34a 35%,transparent);background:color-mix(in oklab,#16a34a 10%,white);color:#166534}.bill-banner.is-wait{border-color:color-mix(in oklab,#882AFF 30%,transparent);background:color-mix(in oklab,#882AFF 8%,white);color:#5b21b6}.bill-banner.is-info{border-color:color-mix(in oklab,#d97706 35%,transparent);background:color-mix(in oklab,#d97706 10%,white);color:#92400e}.bill-banner.is-err{border-color:color-mix(in oklab,#dc2626 35%,transparent);background:color-mix(in oklab,#dc2626 8%,white);color:#991b1b}.bill-banner-spin{width:16px;height:16px;margin-top:2px;flex-shrink:0;border-radius:50%;border:2px solid color-mix(in oklab,#882aff 25%,transparent);border-top-color:#882aff;animation:bill-spin .75s linear infinite}@keyframes bill-spin{to{transform:rotate(1turn)}}.bill-balance{padding:18px 20px 16px;margin-bottom:16px;max-width:360px}.bill-balance-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bill-balance-ico{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,#882AFF 18%,transparent);color:#882AFF}.bill-balance-label{font-size:14px;font-weight:650}.bill-balance-value{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-bottom:16px;line-height:1.1}.bill-add{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #882aff;background:#882AFF;color:#fff;font-size:13px;font-weight:650;cursor:pointer}.bill-add:hover{border-color:#7018d4;background:#7018d4;color:#fff}.bill-add svg{stroke:currentColor}.bill-section{margin-bottom:8px}.bill-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 10px}.bill-table-head h2{margin:0;font-size:14px;font-weight:650}.bill-table-head span{font-size:12px;color:var(--app-muted)}.bill-status-filters{display:flex;flex-wrap:wrap;gap:6px}.bill-status-chip{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--app-line,#e5e7eb);background:#fff;color:var(--app-muted,#6b7280);font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer}html.dark .bill-status-chip{background:transparent;border-color:var(--app-line);color:var(--app-muted)}.bill-status-chip.is-on{border-color:#882AFF;background:color-mix(in oklab,#882AFF 12%,transparent);color:#882AFF}.bill-row-clickable{cursor:pointer}.bill-row-clickable:hover td{background:color-mix(in oklab,#882AFF 6%,transparent)}.bill-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px 14px;border-top:1px solid var(--app-line,#e5e7eb)}.bill-pager-meta{font-size:12px;color:var(--app-muted,#6b7280)}.bill-pager-btns{display:flex;align-items:center;gap:8px}.bill-pager-page{font-size:12px;font-weight:600;color:var(--app-muted,#6b7280);min-width:3.5rem;text-align:center}.bill-pager-btn{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--app-line,#e5e7eb);background:#fff;color:var(--app-text,#111);font-size:12px;font-weight:600;cursor:pointer}.bill-pager-btn:disabled{opacity:.4;cursor:not-allowed}html.dark .bill-pager-btn{background:transparent;border-color:var(--app-line);color:var(--app-text)}.bill-balance-value.is-skeleton{opacity:.35}.bill-add:disabled{opacity:.55;cursor:not-allowed}.bill-col-inv{width:72px;text-align:center}.bill-inv-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--app-line,#e5e7eb);background:#fff;color:#882AFF;cursor:pointer}.bill-inv-btn:hover{border-color:#882AFF;background:color-mix(in oklab,#882AFF 10%,white)}html.dark .bill-inv-btn{background:transparent;border-color:var(--app-line);color:#b58cff}.bill-inv-empty{color:var(--app-muted,#9ca3af);font-size:12px}.bill-mpt .bill-table{min-width:720px}.bill-empty{padding:28px 20px;text-align:center;color:var(--app-muted,#6b7280);font-size:13px}.bill-when{font-size:13px;color:rgba(15,23,42,.55);white-space:nowrap}.dark .bill-when,html.dark .bill-when{color:rgba(255,255,255,.55)}.bill-method{font-family:var(--font-mono),ui-monospace,monospace!important;font-size:13px!important;text-transform:lowercase}.bill-face{color:#882aff!important}.dark .bill-face,html.dark .bill-face{color:#b58cff!important}.bill-expected{font-size:13px;font-variant-numeric:tabular-nums;color:rgba(15,23,42,.55)}.dark .bill-expected,html.dark .bill-expected{color:rgba(255,255,255,.55)}.bill-status-pending{background:#fef3c7;color:#b45309}.dark .bill-status-pending,html.dark .bill-status-pending{background:rgba(245,158,11,.2);color:#fbbf24}.bill-status-expired{background:#e5e7eb;color:#4b5563}.dark .bill-status-expired,html.dark .bill-status-expired{background:rgba(255,255,255,.12);color:rgba(255,255,255,.65)}.bill-status-bad{background:#fee2e2;color:#b91c1c}.dark .bill-status-bad,html.dark .bill-status-bad{background:rgba(248,113,113,.18);color:#fca5a5}.bill-pager{border-top:1px solid rgba(15,23,42,.07);padding:14px 20px 16px}.dark .bill-pager,html.dark .bill-pager{border-top-color:rgba(255,255,255,.08)}