.invoice-skeleton,.invoice-page{width:min(100%,1240px);margin:0 auto;color:#0f172a}.invoice-skeleton{padding-bottom:80px}.skeleton-head{margin-bottom:24px}.skeleton-line,.skeleton-card{position:relative;overflow:hidden;background:#eef3f8;border-radius:18px}.skeleton-line:after,.skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:invoice-shimmer 1.25s infinite}@keyframes invoice-shimmer{to{transform:translate(100%)}}.skeleton-title{width:220px;height:32px;margin-bottom:10px}.skeleton-subtitle{width:min(520px,90%);height:16px;border-radius:999px}.skeleton-card{min-height:118px}.skeleton-card.tall{min-height:390px}.invoice-page{padding-bottom:90px}.invoice-head{position:sticky;top:70px;z-index:25;margin:-34px -28px 24px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;isolation:isolate}.invoice-head:before{content:"";position:absolute;top:-150px;bottom:0;left:-50vw;right:-50vw;z-index:-1;background:#ffffffc7;border-bottom:1px solid rgba(226,232,240,.82);box-shadow:0 14px 36px #0f172a09;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.invoice-head h1{margin:0;color:#0d1326;font-size:24px;line-height:1.1;font-weight:700;letter-spacing:0}.invoice-head p{margin:8px 0 0;color:#5f6f89;font-size:14px;line-height:1.5;font-weight:400}.support-button,.pay-now,.secondary-link,.receipt-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.support-button{height:42px;padding:0 15px;border:1px solid #bbf7d0;background:#f0fdf4;color:#16a34a}.invoice-alert{margin-bottom:16px;border:1px solid #fecaca;border-radius:16px;background:#fff1f2;color:#b91c1c;padding:13px 15px;font-size:13px;font-weight:700}.invoice-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.invoice-stat{min-height:116px;border:1px solid #dfe7f2;border-radius:20px;background:#fff;padding:18px;display:flex;align-items:center;gap:15px;box-shadow:0 18px 45px #0f172a0b}.stat-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}.invoice-stat.purple .stat-icon{background:#f1e8ff;color:#7c3aed}.invoice-stat.green .stat-icon{background:#e9f9ef;color:#16a34a}.invoice-stat.red .stat-icon{background:#fff1f2;color:#dc2626}.invoice-stat.blue .stat-icon{background:#eaf3ff;color:#2563eb}.invoice-stat p{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:800}.invoice-stat h2{margin:0 0 6px;color:#0f172a;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.02em}.invoice-stat span{color:#94a3b8;font-size:12px;font-weight:700}.invoice-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.invoice-panel{border:1px solid #dfe7f2;border-radius:20px;background:#fff;padding:18px;box-shadow:0 18px 45px #0f172a0b}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h2{margin:0;color:#0f172a;font-size:18px;line-height:1.2;font-weight:800}.panel-head p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:600}.panel-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#f1e8ff;color:#7c3aed;font-size:12px;font-weight:800}.active-invoices{display:grid;gap:12px}.invoice-card{border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);padding:16px}.invoice-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.invoice-number{color:#64748b;font-size:12px;font-weight:800}.invoice-card h3{margin:4px 0 0;color:#0f172a;font-size:17px;font-weight:800}.invoice-amount{margin-bottom:12px;color:#0f172a;font-size:28px;line-height:1;font-weight:850;letter-spacing:-.03em}.invoice-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.invoice-meta span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800}.invoice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pay-now{min-height:42px;padding:0 15px;border:1px solid #7c3aed;background:#7c3aed;color:#fff}.pay-now.disabled{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8;cursor:not-allowed}.secondary-link,.receipt-link{color:#7c3aed}.status-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:850;text-transform:capitalize}.status-pill.paid{background:#dcfce7;color:#16a34a}.status-pill.pending,.status-pill.sent{background:#fef3c7;color:#d97706}.status-pill.overdue,.status-pill.failed{background:#fee2e2;color:#dc2626}.status-pill.cancelled,.status-pill.refunded{background:#f1f5f9;color:#64748b}.client-summary-card{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin-bottom:12px}.client-avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#7c3aed;color:#fff;font-weight:900;font-size:18px}.client-summary-card h3{margin:0;font-size:16px;font-weight:850;color:#0f172a}.client-summary-card p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:700}.summary-list{display:grid;gap:8px}.summary-list div{min-height:44px;border:1px solid #edf2f7;border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-list span{color:#64748b;font-size:12px;font-weight:800}.summary-list strong{color:#0f172a;font-size:13px;font-weight:850;text-align:right}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid #edf2f7;text-align:left;white-space:nowrap}th{color:#64748b;font-size:12px;font-weight:850}td{color:#334155;font-size:13px;font-weight:700}tbody tr:last-child td{border-bottom:0}.text-right{text-align:right}.empty-cell{text-align:center;color:#94a3b8;padding:32px}.empty-state{min-height:230px;border:1px dashed #cbd5e1;border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:24px;color:#64748b}.empty-state i{color:#16a34a;font-size:30px;margin-bottom:10px}.empty-state h3{margin:0 0 6px;color:#0f172a;font-size:16px;font-weight:850}.empty-state p{margin:0;max-width:360px;font-size:13px;font-weight:600}@media(max-width:1100px){.invoice-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-grid{grid-template-columns:1fr}}@media(max-width:720px){.invoice-head{align-items:flex-start;flex-direction:column}.invoice-stats-grid{grid-template-columns:1fr}.invoice-amount{font-size:24px}}body.dark-mode:has(.invoice-page){background:#050505!important}body.dark-mode:has(.invoice-page) .admin-shell,body.dark-mode:has(.invoice-page) .admin-main,body.dark-mode:has(.invoice-page) .main-content,body.dark-mode:has(.invoice-page) .invoice-page,body.dark-mode:has(.invoice-page) .admin-topbar{background:#050505!important}body.dark-mode:has(.invoice-page) .invoice-head{background-color:transparent!important;background:transparent!important}body.dark-mode:has(.invoice-page) .admin-topbar{border-bottom-color:#27272a!important}body.dark-mode:has(.invoice-page) .invoice-head:before{background:#111112d1!important;border-bottom-color:#27272a!important;box-shadow:0 18px 52px #0000004d!important;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}body.dark-mode:has(.invoice-page) .invoice-stat,body.dark-mode:has(.invoice-page) .invoice-panel{background:#111112!important;border-color:#27272a!important;box-shadow:none!important}body.dark-mode:has(.invoice-page) .invoice-head h1,body.dark-mode:has(.invoice-page) .invoice-stat h2,body.dark-mode:has(.invoice-page) .panel-head h2,body.dark-mode:has(.invoice-page) .invoice-card h3,body.dark-mode:has(.invoice-page) .invoice-amount,body.dark-mode:has(.invoice-page) .client-summary-card h3,body.dark-mode:has(.invoice-page) .summary-list strong,body.dark-mode:has(.invoice-page) .empty-state h3{color:#f4f4f5!important}body.dark-mode:has(.invoice-page) .invoice-head p,body.dark-mode:has(.invoice-page) .invoice-stat p,body.dark-mode:has(.invoice-page) .invoice-stat span,body.dark-mode:has(.invoice-page) .panel-head p,body.dark-mode:has(.invoice-page) .invoice-number,body.dark-mode:has(.invoice-page) .client-summary-card p,body.dark-mode:has(.invoice-page) .summary-list span,body.dark-mode:has(.invoice-page) .empty-state,body.dark-mode:has(.invoice-page) .empty-cell{color:#a1a1aa!important}body.dark-mode:has(.invoice-page) .invoice-card,body.dark-mode:has(.invoice-page) .client-summary-card,body.dark-mode:has(.invoice-page) .summary-list div{background:#18181b!important;border-color:#27272a!important;box-shadow:none!important}body.dark-mode:has(.invoice-page) .invoice-meta span{background:#242426!important;color:#cbd5e1!important}body.dark-mode:has(.invoice-page) .panel-badge,body.dark-mode:has(.invoice-page) .invoice-stat.purple .stat-icon{color:#a78bfa!important;background:#7c3aed33!important}body.dark-mode:has(.invoice-page) .invoice-stat.green .stat-icon,body.dark-mode:has(.invoice-page) .status-pill.paid{color:#4ade80!important;background:#16a34a33!important}body.dark-mode:has(.invoice-page) .invoice-stat.red .stat-icon,body.dark-mode:has(.invoice-page) .status-pill.overdue,body.dark-mode:has(.invoice-page) .status-pill.failed{color:#f87171!important;background:#dc262633!important}body.dark-mode:has(.invoice-page) .invoice-stat.blue .stat-icon{color:#60a5fa!important;background:#2563eb33!important}body.dark-mode:has(.invoice-page) .status-pill.pending,body.dark-mode:has(.invoice-page) .status-pill.sent{color:#fbbf24!important;background:#f59e0b33!important}body.dark-mode:has(.invoice-page) .status-pill.cancelled,body.dark-mode:has(.invoice-page) .status-pill.refunded{color:#cbd5e1!important;background:#242426!important}body.dark-mode:has(.invoice-page) .support-button{color:#4ade80!important;background:#16a34a29!important;border-color:#16a34a59!important}body.dark-mode:has(.invoice-page) .pay-now.disabled{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}body.dark-mode:has(.invoice-page) .invoice-alert{color:#f87171!important;background:#dc26261f!important;border-color:#dc26264d!important}body.dark-mode:has(.invoice-page) th{color:#a1a1aa!important;background:#18181b!important;border-bottom-color:#27272a!important}body.dark-mode:has(.invoice-page) th:first-child{border-radius:8px 0 0 8px}body.dark-mode:has(.invoice-page) th:last-child{border-radius:0 8px 8px 0}body.dark-mode:has(.invoice-page) td{color:#cbd5e1!important;border-bottom-color:#27272a!important}body.dark-mode:has(.invoice-page) .empty-state{border-color:#27272a!important;background:#18181b!important}body.dark-mode:has(.invoice-page) .skeleton-line,body.dark-mode:has(.invoice-page) .skeleton-card{background:#18181b!important}body.dark-mode:has(.invoice-page) .skeleton-line:after,body.dark-mode:has(.invoice-page) .skeleton-card:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)!important}