:root:not([data-theme=light]),[data-theme=dark]{--accent-emerald:#10b981;--accent-sky:#38bdf8;--accent-teal:#14b8a6;--accent-green:#10b981;--accent-blue:#38bdf8;--accent-red:#ef4444;--glass-bg:rgba(255, 255, 255, 0.03);--border-glass:rgba(255, 255, 255, 0.08);--card-bg:rgba(15, 17, 26, 0.75);--text-secondary:#94a3b8;--tx-amt-purchase:#ffffff}body{font-family:Outfit,sans-serif;background:var(--bg-body,#0a0b10);color:var(--text-primary,#fff);margin:0;min-height:100vh;overflow-x:clip}.glow-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0,rgba(16,185,129,.08) 0,transparent 55%),radial-gradient(ellipse at 80% 10%,rgba(56,189,248,.07) 0,transparent 50%);z-index:-1;pointer-events:none}.header-premium{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.header-premium h1{font-size:42px;font-weight:800;letter-spacing:-1.5px;margin:0;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-premium p{color:var(--text-secondary);margin:5px 0 0 0;font-size:16px;font-weight:500}.glass-panel{background:rgba(15,17,26,.85);border:1px solid var(--border-glass);border-radius:32px;padding:35px;margin-bottom:30px;will-change:transform}.filters-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:flex-end}.input-group-modern{display:flex;flex-direction:column;gap:10px}.input-group-modern label{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding-left:5px}.input-wrapper{position:relative;background:rgba(255,255,255,.03);border:1px solid var(--border-glass);border-radius:16px;padding:0 15px;display:flex;align-items:center;height:48px;transition:all .3s ease}.input-wrapper:focus-within{border-color:var(--accent-emerald);background:rgba(16,185,129,.05);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-wrapper i{color:var(--text-secondary);font-size:14px;width:20px}.input-wrapper input,.input-wrapper select{background:0 0;border:none;color:#fff;padding:0;height:100%;width:100%;font-family:inherit;font-size:14px;font-weight:600;outline:0}.input-wrapper select option{background:#1a1c26;color:#fff}.btn-premium{height:48px;padding:0 28px;border-radius:16px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-emerald),var(--accent-teal));color:#fff;box-shadow:0 8px 20px rgba(16,185,129,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,185,129,.4)}.btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--border-glass)}.btn-ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.stats-summary-premium{display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.stats-summary-premium::-webkit-scrollbar{display:none}.stat-pill{background:rgba(255,255,255,.03);border:1px solid var(--border-glass);padding:12px 20px;border-radius:20px;display:flex;align-items:center;gap:12px;white-space:nowrap}.stat-pill .icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px}.stat-pill .label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-pill .value{font-size:16px;font-weight:800;color:#fff}.table-responsive{margin-top:10px}.premium-table{width:100%;border-collapse:separate;border-spacing:0 10px}.premium-table th{text-align:left;padding:15px 20px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-weight:800}.premium-table tr td{background:rgba(255,255,255,.02);padding:20px;transition:all .3s ease}.premium-table tr td:first-child{border-radius:20px 0 0 20px;border-left:1px solid var(--border-glass)}.premium-table tr td:last-child{border-radius:0 20px 20px 0;border-right:1px solid var(--border-glass)}.premium-table tr td{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass)}.premium-table tr:hover td{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.15);transform:scale(1.002)}.tx-type-badge{padding:6px 12px;border-radius:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.type-purchase{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.type-payment{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.type-refund{background:rgba(56,189,248,.1);color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.btn-action-sm{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--border-glass);color:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:13px}.btn-action-sm:hover{background:var(--accent-emerald);border-color:var(--accent-emerald);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-action-sm.delete:hover{background:var(--accent-red);border-color:var(--accent-red);box-shadow:0 4px 12px rgba(239,68,68,.3)}.tx-card-list{display:none}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.chart-panel{margin-bottom:0!important;padding:25px!important}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.chart-canvas-wrap{height:180px;position:relative;display:flex;justify-content:center}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal-card{background:#0d0f18;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:440px;padding:24px;position:relative;max-height:min(92vh,640px);overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05);box-sizing:border-box;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{from{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-title-icon{width:40px;height:40px;background:rgba(16,185,129,.12);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px}.modal-title-group h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.4px;color:#fff}.modal-title-group p{margin:2px 0 0 0;font-size:12px;color:var(--text-secondary)}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s ease}.modal-close-btn:hover{background:rgba(255,255,255,.12);color:#fff}.modal-amount-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.modal-amount-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:4px}.modal-amount-inner{display:flex;align-items:baseline;justify-content:center;gap:2px}.modal-curr-sym{font-size:24px;font-weight:800;color:var(--accent-emerald)}.modal-amount-field{background:0 0;border:none;color:#fff;font-size:28px;font-weight:800;width:140px;text-align:center;outline:0;font-family:inherit}.modal-form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.modal-actions{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.container{padding:73px 8px 15px 8px!important;gap:0!important;max-width:100vw}.content{padding-left:0!important;padding-right:0!important;padding-bottom:100px!important;overflow-x:hidden}.content header.header-premium,header.header-premium:not(.mobile-top-nav){margin-bottom:8px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:0 2px!important;width:100%!important}.content header.header-premium>div:first-child,header.header-premium:not(.mobile-top-nav)>div:first-child{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;flex:1 1 auto!important}.content header.header-premium h1,header.header-premium:not(.mobile-top-nav) h1{font-size:17px!important;font-weight:800!important;letter-spacing:-.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.15!important;margin:0!important}.content header.header-premium p,header.header-premium:not(.mobile-top-nav) p{display:block!important;font-size:10.5px!important;color:var(--text-secondary)!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.content header.header-premium .header-actions,header.header-premium:not(.mobile-top-nav) .header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;flex-shrink:0!important}.header-btn-text{display:inline!important;font-size:11px!important;font-weight:700!important}.content header.header-premium .header-actions .btn-premium,header.header-premium:not(.mobile-top-nav) .header-actions .btn-premium{height:30px!important;width:auto!important;padding:0 9px!important;border-radius:8px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-sizing:border-box!important;flex:0 0 auto!important}.header-actions .btn-ghost{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#f1f5f9!important}.header-actions .btn-ghost i{color:var(--accent-sky)!important;font-size:11px!important}.header-actions .btn-primary{background:linear-gradient(135deg,#10b981,#14b8a6)!important;color:#fff!important;box-shadow:0 2px 10px rgba(16,185,129,.25)!important}.header-actions .btn-primary i{font-size:10.5px!important}.glass-panel{padding:12px!important;border-radius:16px!important;margin-bottom:8px!important}.glass-panel.filter-panel{padding:8px 10px!important;border-radius:14px!important;margin-bottom:8px!important}.filters-modern{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:6px 8px!important;align-items:flex-end!important}.filters-modern>.input-group-modern:first-child{grid-column:1/2!important;grid-row:1/2!important;gap:2px!important;margin:0!important}.filters-modern>.filter-btn-row{grid-column:2/3!important;grid-row:1/2!important;gap:0!important;margin:0!important;justify-content:flex-end!important}.filter-btn-row>div{height:32px!important;gap:6px!important}.filter-btn-row .btn-premium{height:32px!important;font-size:11px!important;border-radius:9px!important}.filter-btn-row #btnClearFilters{width:32px!important;min-width:32px!important;flex:0 0 32px!important;font-size:11px!important}.filter-btn-row #btnApplyFilters{flex:1!important;padding:0 8px!important;font-weight:700!important;gap:5px!important}.filters-modern>.input-group-modern:nth-child(2){grid-column:1/2!important;grid-row:2/3!important;gap:2px!important;margin:0!important}.filters-modern>.input-group-modern:nth-child(3){grid-column:2/3!important;grid-row:2/3!important;gap:2px!important;margin:0!important}.input-group-modern label{font-size:8px!important;font-weight:700!important;letter-spacing:.5px!important;color:var(--text-secondary)!important;text-transform:uppercase!important;padding-left:2px!important;margin:0!important;line-height:1!important}.input-wrapper{height:32px!important;border-radius:9px!important;padding:0 8px!important;background:rgba(255,255,255,.03)!important}.input-wrapper i{font-size:10px!important;width:13px!important;color:var(--accent-sky)!important;opacity:.8}.input-wrapper input,.input-wrapper select{font-size:11px!important;padding:0 0 0 4px!important;border:none!important;background:0 0!important;height:100%!important;box-sizing:border-box!important}.input-wrapper input[type=date]{-webkit-appearance:none;line-height:normal}.input-wrapper select{padding-right:12px!important}.stats-summary-premium{gap:8px;margin-bottom:10px}.stat-pill{padding:8px 10px;border-radius:12px;gap:8px}.stat-pill .icon{width:26px;height:26px;border-radius:8px;font-size:11px}.stat-pill .label{font-size:9px}.stat-pill .value{font-size:13px}.table-responsive{display:none!important}.tx-card-list{display:flex;flex-direction:column;gap:6px;margin-top:2px}.tx-card-item{background:rgba(255,255,255,.025);border:1px solid var(--border-glass);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;min-width:0}.tx-card-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.tx-card-body{flex:1;min-width:0;overflow:hidden}.tx-card-desc{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.tx-card-meta{font-size:10px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-type-badge{padding:2px 6px!important;font-size:9px!important;border-radius:6px!important;letter-spacing:.3px;display:inline-block}.tx-card-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tx-card-amount{font-size:14px;font-weight:800;white-space:nowrap}.tx-card-actions{display:flex;gap:4px}.tx-card-actions .btn-action-sm{width:26px!important;height:26px!important;border-radius:7px!important;font-size:10px!important}#analyticsSection{margin-bottom:12px!important}.analytics-grid{grid-template-columns:1fr!important;gap:10px!important}.chart-panel{padding:14px!important}.chart-header{margin-bottom:10px}.chart-header h3{font-size:12px!important}.chart-canvas-wrap{height:150px!important}.modal-card{padding:20px!important;border-radius:20px!important;max-width:100%!important}.modal-amount-box{padding:12px 16px!important;margin-bottom:16px!important}.modal-amount-field{font-size:28px!important;width:130px!important}.modal-form-fields{gap:12px!important;margin-bottom:18px!important}}[data-theme=light]{--accent-emerald:#059669;--accent-sky:#0284c7;--accent-teal:#0d9488;--accent-green:#059669;--accent-blue:#2563eb;--accent-red:#dc2626;--glass-bg:rgba(0, 0, 0, 0.02);--border-glass:#e2e8f0;--card-bg:#ffffff;--text-secondary:#64748b;--tx-amt-purchase:#0f172a}[data-theme=light] body{background:#f8fafc;color:#0f172a}[data-theme=light] .glow-bg{background:radial-gradient(ellipse at 20% 0,rgba(16,185,129,.04) 0,transparent 55%),radial-gradient(ellipse at 80% 10%,rgba(56,189,248,.04) 0,transparent 50%)}[data-theme=light] .header-premium h1{background:linear-gradient(135deg,#0f172a 30%,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .header-premium p{color:#64748b}[data-theme=light] .btn-ghost{background:#fff;color:#334155;border:1px solid #cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.04)}[data-theme=light] .btn-ghost:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .header-actions .btn-ghost{background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;box-shadow:0 4px 14px rgba(5,150,105,.25)}[data-theme=light] .btn-primary:hover{box-shadow:0 8px 20px rgba(5,150,105,.35)}[data-theme=light] .glass-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(0,0,0,.04)}[data-theme=light] .input-group-modern label{color:#475569}[data-theme=light] .input-wrapper{background:#f8fafc!important;border:1px solid #cbd5e1}[data-theme=light] .input-wrapper:focus-within{border-color:#059669;background:#fff!important;box-shadow:0 0 0 3px rgba(5,150,105,.12)}[data-theme=light] .input-wrapper i{color:#64748b!important}[data-theme=light] .input-wrapper input,[data-theme=light] .input-wrapper select{color:#0f172a}[data-theme=light] .input-wrapper select option{background:#fff;color:#0f172a}[data-theme=light] .stat-pill{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .stat-pill .label{color:#64748b}[data-theme=light] .stat-pill .value{color:#0f172a}[data-theme=light] .premium-table th{color:#64748b}[data-theme=light] .premium-table tr td{background:#fff;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .premium-table tr td:first-child{border-left-color:#e2e8f0}[data-theme=light] .premium-table tr td:last-child{border-right-color:#e2e8f0}[data-theme=light] .premium-table tr:hover td{background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .btn-action-sm{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}[data-theme=light] .btn-action-sm:hover{background:#059669;border-color:#059669;color:#fff}[data-theme=light] .btn-action-sm.delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=light] .type-purchase{background:#fef2f2;color:#dc2626;border-color:#fecaca}[data-theme=light] .type-payment{background:#ecfdf5;color:#059669;border-color:#a7f3d0}[data-theme=light] .type-refund{background:#f0f9ff;color:#0284c7;border-color:#bae6fd}[data-theme=light] .tx-card-item{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}[data-theme=light] .tx-card-desc{color:#0f172a}[data-theme=light] .tx-card-meta{color:#64748b}[data-theme=light] .chart-header h3{color:#475569}[data-theme=light] .modal-overlay{background:rgba(15,23,42,.45)}[data-theme=light] .modal-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px rgba(15,23,42,.25)}[data-theme=light] .modal-title-group h2{color:#0f172a}[data-theme=light] .modal-title-group p{color:#64748b}[data-theme=light] .modal-close-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}[data-theme=light] .modal-close-btn:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .modal-amount-box{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .modal-amount-label{color:#64748b}[data-theme=light] .modal-curr-sym{color:#059669}[data-theme=light] .modal-amount-field{color:#0f172a}