:root{--bg-primary: #090d16;--bg-surface: #0f172a;--bg-surface-elevated: #1e293b;--bg-surface-glass: rgba(15, 23, 42, .75);--border-subtle: rgba(148, 163, 184, .12);--border-highlight: rgba(148, 163, 184, .25);--border-active: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .2);--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-indigo: #6366f1;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-glow: 0 0 32px -4px var(--accent-emerald-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse at 50% 0%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.05) 0%,transparent 40%);background-attachment:fixed;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes pulseGlow{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.spin{animation:spin 1s linear infinite}.glass-panel{background:var(--bg-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel:hover{border-color:var(--border-highlight)}.container{max-width:640px;width:100%;margin:0 auto;padding:1.5rem 1.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.95rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98173;background:linear-gradient(135deg,#34d399,#059669)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-surface-elevated);color:var(--text-primary);font-weight:500;font-size:.9rem;padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#334155;border-color:var(--border-highlight)}.badge-success{display:inline-flex;align-items:center;gap:.4rem;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25);padding:.35rem .75rem;border-radius:9999px;font-size:.82rem;font-weight:600}.badge-warning{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25);padding:.35rem .75rem;border-radius:9999px;font-size:.82rem;font-weight:600}.badge-error{display:inline-flex;align-items:center;gap:.4rem;background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.25);padding:.35rem .75rem;border-radius:9999px;font-size:.82rem;font-weight:600}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:pulseGlow 2s infinite}.input-base{padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.9rem;outline:none;transition:all .2s ease;font-family:inherit}.input-base:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 2px var(--accent-emerald-glow)}.tabs-scroll-container{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.35rem;border-radius:14px;background:var(--bg-surface-elevated)}.tabs-scroll-container::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .95rem;border-radius:10px;border:none;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tab-btn-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98159}.tab-btn-inactive{background:transparent;color:var(--text-secondary)}.tab-btn-inactive:hover{background:#ffffff0d;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#020617d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;z-index:1050;padding:1rem;padding-top:calc(2.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-content{width:100%;max-width:500px;max-height:calc(100vh - 5rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 5rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;margin:0 auto;border-radius:var(--radius-xl)}@media (max-width: 640px){input,select,textarea{font-size:16px!important}.container{padding:1rem .85rem}}@media (max-width: 480px){.modal-overlay{align-items:flex-start;justify-content:center;padding-left:.75rem;padding-right:.75rem;padding-top:calc(2.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.modal-content{max-height:calc(100vh - 4.25rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 4.25rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl)!important;padding:1.25rem 1rem!important;margin:0 auto!important}.hide-on-tiny{display:none!important}.mobile-full-width{width:100%!important}}.transaction-card{transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.transaction-card:hover{border-color:#94a3b838!important;background:#1e293bcc!important}.transaction-card:active{transform:scale(.995)}.btn-receipt-view{transition:all .15s ease!important}.btn-receipt-view:hover{background:#06b6d438!important;border-color:#06b6d480!important;transform:translateY(-1px)}.btn-view-all-header{transition:all .15s ease!important}.btn-view-all-header:hover{background:#34d39929!important;border-color:#34d39973!important;transform:translateY(-1px)}.btn-view-all-bottom{transition:all .15s ease!important}.btn-view-all-bottom:hover{background:#34d39914!important;border-color:#34d3994d!important;color:#34d399!important;transform:translateY(-1px)}