@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #15151f;--border-subtle: #2a2a3a;--border-accent: #3d3d52;--text-primary: #f0f0f5;--text-secondary: #a0a0b5;--text-muted: #606075;--accent-green: #00ff88;--accent-green-dim: #00cc6d;--accent-red: #ff4757;--accent-amber: #ffa502;--accent-blue: #4d9fff;--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-glow: 0 0 40px rgba(0, 255, 136, .08)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,255,136,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(77,159,255,.04) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);pointer-events:none;z-index:-1}.container{max-width:1400px;margin:0 auto;padding:2rem}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}h1{font-size:2.75rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--accent-green);letter-spacing:-.03em}.nav-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dim) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-badge{background:#00ff8826;color:var(--accent-green);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dim) 100%);color:var(--bg-primary);box-shadow:0 4px 20px #00ff8840}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00ff8859}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--border-subtle);border-color:var(--border-accent)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-danger{background:#ff475726;color:var(--accent-red);border:1px solid rgba(255,71,87,.3)}.btn-danger:hover{background:#ff475740}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--border-subtle);transition:all .3s}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--border-subtle);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.income:before{background:linear-gradient(90deg,var(--accent-green),transparent)}.stat-card.expense:before{background:linear-gradient(90deg,var(--accent-red),transparent)}.stat-card.balance:before{background:linear-gradient(90deg,var(--accent-blue),transparent)}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:-.02em}.stat-value.income{color:var(--accent-green)}.stat-value.expense{color:var(--accent-red)}.stat-value.balance.positive{color:var(--accent-green)}.stat-value.balance.negative{color:var(--accent-red)}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;margin-top:.5rem;padding:.25rem .5rem;border-radius:4px}.stat-change.up{background:#00ff881a;color:var(--accent-green)}.stat-change.down{background:#ff47571a;color:var(--accent-red)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.stats-grid,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid,.grid-2,.grid-3{grid-template-columns:1fr}}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.875rem 1rem;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #00ff881a}.form-input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.type-toggle{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-subtle)}.type-toggle button{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;font-family:var(--font-sans)}.type-toggle button.active{background:var(--bg-tertiary);color:var(--text-primary)}.type-toggle button.active.income{color:var(--accent-green);box-shadow:0 2px 8px #00ff8826}.type-toggle button.active.expense{color:var(--accent-red);box-shadow:0 2px 8px #ff475726}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-subtle);transition:background .2s}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:var(--bg-tertiary)}.transaction-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:1rem}.transaction-icon.income{background:#00ff881f;color:var(--accent-green)}.transaction-icon.expense{background:#ff47571f;color:var(--accent-red)}.transaction-details{flex:1}.transaction-category{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.transaction-description{font-size:.875rem;color:var(--text-muted)}.transaction-meta{text-align:right}.transaction-amount{font-family:var(--font-mono);font-weight:600;font-size:1.1rem}.transaction-amount.income{color:var(--accent-green)}.transaction-amount.expense{color:var(--accent-red)}.transaction-date{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-subtle)}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;font-family:var(--font-sans)}.view-toggle button.active{background:var(--accent-green);color:var(--bg-primary)}.chart-container{height:300px;padding:1rem 0}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-pill{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.category-pill:hover,.category-pill.active{background:var(--accent-green);color:var(--bg-primary);border-color:var(--accent-green)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.pricing-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.5rem;border:1px solid var(--border-subtle);text-align:center;position:relative;overflow:hidden}.pricing-card.featured{border-color:var(--accent-green);box-shadow:0 0 40px #00ff8826}.pricing-card.featured:before{content:"MOST POPULAR";position:absolute;top:20px;right:-35px;background:var(--accent-green);color:var(--bg-primary);padding:.25rem 3rem;font-size:.7rem;font-weight:700;transform:rotate(45deg)}.pricing-tier{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.pricing-price{font-family:var(--font-mono);font-size:3.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.pricing-price span{font-size:1rem;color:var(--text-muted)}.pricing-period{color:var(--text-muted);margin-bottom:1.5rem}.pricing-features{list-style:none;text-align:left;margin:2rem 0}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{color:var(--accent-green);font-weight:700}.hero{padding:4rem 0 3rem;text-align:center;max-width:700px;margin:0 auto}.hero h1{font-size:3.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-.03em}.hero p{font-size:1.25rem;color:var(--text-secondary);line-height:1.7}.hero-cta{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.footer{text-align:center;padding:3rem 0;border-top:1px solid var(--border-subtle);margin-top:4rem;color:var(--text-muted);font-size:.875rem}.text-center{text-align:center}.text-right{text-align:right}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*{animation:fadeIn .4s ease-out both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-subtle);max-width:500px;width:90%;animation:fadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:600}.pwa-prompt{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--accent-green);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 40px #0000004d;animation:fadeIn .4s ease-out;z-index:50}.usage-banner{background:linear-gradient(90deg,#ffa5021a,#ffa5020d);border:1px solid rgba(255,165,2,.3);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.usage-info{display:flex;align-items:center;gap:1rem}.usage-icon{color:var(--accent-amber)}.usage-text{color:var(--text-secondary)}.usage-text strong{color:var(--accent-amber)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#00ff884d;color:var(--text-primary)}