:root{--bg: #0a0a12;--surface: #12121e;--surface2: #1a1a28;--surface3: #222235;--border: #1c1c2e;--border2: #252540;--accent: #c8ff00;--accent2: #7000ff;--accent3: #ff2d6b;--accent4: #00d4ff;--accent5: #ff8800;--text: #eeeeff;--text2: #ccccdd;--muted: #5a5a78;--muted2: #8888aa;--success: #00e676;--warning: #ffab00;--danger: #ff1744;--glow-lime: 0 0 40px rgba(200, 255, 0, .25);--glow-violet: 0 0 40px rgba(112, 0, 255, .35);--glow-pink: 0 0 40px rgba(255, 45, 107, .3);--glow-cyan: 0 0 40px rgba(0, 212, 255, .3);--glow-orange: 0 0 40px rgba(255, 136, 0, .3);--font-display: "Bebas Neue", sans-serif;--font-heading: "Syne", sans-serif;--font-body: "Barlow Condensed", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s var(--ease-smooth);--transition-med: .3s var(--ease-smooth);--transition-bounce: .3s var(--ease-bounce)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(14px,.6rem + .45vw,40px)}@media(min-width:1600px){html{font-size:18px}}@media(min-width:1920px){html{font-size:20px}}@media(min-width:2560px){html{font-size:24px}}@media(min-width:3200px){html{font-size:28px}}@media(min-width:3840px){html{font-size:32px}}@media(min-width:5120px){html{font-size:38px}}@media(min-width:7680px){html{font-size:48px}}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-body);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{background:#c8ff0033;color:var(--accent)}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.page{display:none;flex-direction:column;min-height:100vh;padding-top:80px;position:relative;z-index:1}.page.active{display:flex}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:screen;transition:transform .1s;transform:translate(-50%,-50%)}.cursor-ring{position:fixed;width:32px;height:32px;border:1.5px solid var(--accent);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:screen;opacity:.5;transform:translate(-50%,-50%)}@media(hover:none){.cursor-dot,.cursor-ring{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes borderGlow{0%,to{border-color:var(--accent);box-shadow:0 0 10px #c8ff001a}50%{border-color:var(--accent4);box-shadow:0 0 20px #00d4ff33}}@keyframes slideNumber{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.anim-delay-1{animation-delay:.05s}.anim-delay-2{animation-delay:.1s}.anim-delay-3{animation-delay:.15s}.anim-delay-4{animation-delay:.2s}.anim-delay-5{animation-delay:.25s}.anim-delay-6{animation-delay:.3s}.anim-delay-7{animation-delay:.35s}.anim-delay-8{animation-delay:.4s}.anim-delay-9{animation-delay:.45s}.anim-delay-10{animation-delay:.5s}.num-animate{display:inline-block;animation:slideNumber .6s var(--ease-bounce) both}.section{max-width:min(1200px,90vw);margin:0 auto;padding:2rem 1.5rem;width:100%}@media(min-width:1600px){.section{max-width:1400px}}@media(min-width:1920px){.section{max-width:1600px}}@media(min-width:2560px){.section{max-width:2100px}}@media(min-width:3200px){.section{max-width:2600px}}@media(min-width:3840px){.section{max-width:3200px}}@media(min-width:5120px){.section{max-width:4200px}}@media(min-width:7680px){.section{max-width:6400px}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:.05em;background:linear-gradient(135deg,var(--accent),var(--accent4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.2em;margin-top:.25rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}@media(max-width:768px){.page{padding-top:70px}.section{padding:1.5rem 1rem}.section-header{flex-direction:column;align-items:flex-start}}body.light{--bg: #f5f5f8;--surface: #ffffff;--surface2: #f0f0f5;--surface3: #e8e8ef;--border: #d8d8e0;--border2: #c5c5d0;--accent: #6b9900;--accent2: #6200ea;--accent3: #e0225a;--accent4: #0098cc;--accent5: #e67600;--text: #1a1a2e;--text2: #333350;--muted: #888899;--muted2: #6666778;--success: #00b859;--warning: #e69500;--danger: #d41440;--glow-lime: 0 0 30px rgba(107, 153, 0, .15);--glow-violet: 0 0 30px rgba(98, 0, 234, .15);--glow-pink: 0 0 30px rgba(224, 34, 90, .15);--glow-cyan: 0 0 30px rgba(0, 152, 204, .15);--glow-orange: 0 0 30px rgba(230, 118, 0, .15)}body.light #particle-canvas{opacity:.3}body.light .cursor-dot,body.light .cursor-ring{mix-blend-mode:multiply}body.light ::-webkit-scrollbar-track{background:var(--surface2)}body.light ::selection{background:#6b990033;color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#0a0a12d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);animation:fadeDown .5s var(--ease-bounce) both}body.light .nav{background:#f5f5f8e6}.nav-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.08em}.brand-icon{color:var(--accent);font-size:1.2rem;animation:pulse 3s ease-in-out infinite}.brand-accent{color:var(--accent)}.nav-links{display:flex;gap:.25rem}.nav-link{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--muted2);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--accent);background:#c8ff000f}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--accent);border-radius:1px}.nav-actions{display:flex;align-items:center;gap:.5rem}@media(max-width:900px){.nav{padding:0 1rem}.nav-links{display:none}}.btn-primary{background:var(--accent);color:#000;font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.08em;padding:.65rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-bounce);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-lime)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--accent2);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.08em;padding:.65rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-bounce)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--glow-violet)}.btn-danger{background:var(--danger);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.08em;padding:.65rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-bounce)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--glow-pink)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#c8ff000a}.btn-sm{padding:.4rem .75rem;font-size:.7rem}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition-fast)}.btn-icon:hover{border-color:var(--accent);background:#c8ff000f;color:var(--accent)}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-bounce);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent4));opacity:0;transition:opacity var(--transition-fast)}.card:hover{transform:translateY(-4px);border-color:var(--border2);box-shadow:0 8px 32px #0000004d}.card:hover:before{opacity:1}.card.card-lime:before{background:var(--accent)}.card.card-violet:before{background:var(--accent2)}.card.card-pink:before{background:var(--accent3)}.card.card-cyan:before{background:var(--accent4)}.card.card-orange:before{background:var(--accent5)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:.03em}.card-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-bounce);animation:fadeUp .5s var(--ease-bounce) both;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);border-color:var(--border2)}.stat-card .stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.75rem}.stat-card .stat-icon.lime{background:#c8ff001a;color:var(--accent)}.stat-card .stat-icon.violet{background:#7000ff1a;color:var(--accent2)}.stat-card .stat-icon.pink{background:#ff2d6b1a;color:var(--accent3)}.stat-card .stat-icon.cyan{background:#00d4ff1a;color:var(--accent4)}.stat-card .stat-icon.orange{background:#ff88001a;color:var(--accent5)}.stat-card .stat-icon.success{background:#00e6761a;color:var(--success)}.stat-card .stat-icon.danger{background:#ff17441a;color:var(--danger)}.stat-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.4rem}.stat-value{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.03em}.stat-value.lime{color:var(--accent)}.stat-value.violet{color:var(--accent2)}.stat-value.pink{color:var(--accent3)}.stat-value.cyan{color:var(--accent4)}.stat-value.orange{color:var(--accent5)}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}.stat-change{font-family:var(--font-mono);font-size:.7rem;margin-top:.25rem}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.form-group{margin-bottom:1rem}.form-label{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted2);margin-bottom:.4rem}.form-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.9rem;color:var(--text);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8ff0014}.form-input::placeholder{color:var(--muted)}.form-row{display:flex;gap:1rem}.form-row>*{flex:1}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235a5a78' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;z-index:501;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;opacity:0;pointer-events:none;transition:all .3s var(--ease-bounce)}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.modal-title{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;margin-bottom:1.25rem}.modal-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:1px solid var(--border);transition:all var(--transition-fast)}.modal-close:hover{border-color:var(--accent3);color:var(--accent3);background:#ff2d6b14}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.25rem;font-family:var(--font-body);font-size:.85rem;display:flex;align-items:center;gap:.5rem;min-width:280px;animation:slideInRight .4s var(--ease-bounce) both;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.toast.success:before{background:var(--success)}.toast.error:before{background:var(--danger)}.toast.warning:before{background:var(--warning)}.toast.info:before{background:var(--accent4)}.toast-exit{animation:slideInRight .3s var(--ease-smooth) reverse both}.progress-bar{width:100%;height:8px;background:var(--bg);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width 1s var(--ease-smooth);position:relative;animation:progressFill 1.2s var(--ease-smooth) both}.progress-fill.lime{background:linear-gradient(90deg,var(--accent),#a0dd00)}.progress-fill.violet{background:linear-gradient(90deg,var(--accent2),#9b40ff)}.progress-fill.pink{background:linear-gradient(90deg,var(--accent3),#ff6b9d)}.progress-fill.cyan{background:linear-gradient(90deg,var(--accent4),#40e0ff)}.progress-fill.orange{background:linear-gradient(90deg,var(--accent5),#ffaa40)}.progress-fill.success{background:linear-gradient(90deg,var(--success),#40ff90)}.progress-fill.danger{background:linear-gradient(90deg,var(--danger),#ff5070)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite;background-size:200% 100%}.tag{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;padding:.25rem .6rem;border-radius:4px;border:1px solid}.tag.lime{background:#c8ff0014;border-color:#c8ff0033;color:var(--accent)}.tag.violet{background:#7000ff14;border-color:#7000ff33;color:var(--accent2)}.tag.pink{background:#ff2d6b14;border-color:#ff2d6b33;color:var(--accent3)}.tag.cyan{background:#00d4ff14;border-color:#00d4ff33;color:var(--accent4)}.tag.orange{background:#ff880014;border-color:#f803;color:var(--accent5)}.tag.success{background:#00e67614;border-color:#00e67633;color:var(--success)}.tag.danger{background:#ff174414;border-color:#ff174433;color:var(--danger)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;transition:background var(--transition-fast)}.data-table tbody tr{animation:fadeUp .4s var(--ease-bounce) both}.data-table tbody tr:hover td{background:#c8ff0005}.data-table .amount{font-family:var(--font-mono);font-weight:500}.data-table .amount.positive{color:var(--success)}.data-table .amount.negative{color:var(--danger)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--muted)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state .empty-text{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;margin-bottom:1rem}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text2);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast)}.tooltip:hover:after{opacity:1;transform:translate(-50%) scale(1)}.divider{height:1px;background:var(--border);margin:1.5rem 0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:0 6px}.badge.lime{background:var(--accent);color:#000}.badge.danger{background:var(--danger);color:#fff}.tabs{display:flex;gap:.25rem;background:var(--bg);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border)}.tab{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--muted);transition:all var(--transition-fast);flex:1;text-align:center}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #0003}.export-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.export-option{display:flex;align-items:center;gap:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all var(--transition-fast)}.export-option:hover{border-color:var(--accent);background:#c8ff0008}.export-option .export-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.export-option .export-label{font-family:var(--font-heading);font-weight:600;font-size:.9rem}.export-option .export-desc{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);margin-top:.15rem}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{width:22px;height:2px;background:var(--text);transition:all var(--transition-fast);border-radius:1px}@media(max-width:900px){.hamburger{display:flex}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:1rem;animation:fadeDown .3s var(--ease-bounce)}}.nav-demo-btn{color:var(--accent2)!important;border-color:#7000ff4d!important;animation:pulse 3s ease-in-out infinite}.nav-demo-btn:hover{background:#7000ff14!important;border-color:var(--accent2)!important;box-shadow:var(--glow-violet)}.demo-mode-bar{position:fixed;top:64px;left:0;right:0;z-index:99;background:linear-gradient(90deg,#7000ff26,#ff2d6b26);border-bottom:1px solid rgba(112,0,255,.3);padding:.5rem 2rem;text-align:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text2);animation:fadeDown .3s var(--ease-bounce);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-mode-bar a{color:var(--accent);text-decoration:underline;cursor:pointer}.demo-mode-bar a:hover{color:var(--accent4)}body:has(.demo-mode-bar) .page{padding-top:110px}.settings-desc{font-size:.85rem;color:var(--muted2);line-height:1.6}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1}.settings-row-label{font-weight:600;font-size:.9rem;margin-bottom:.15rem}.settings-row-desc{font-family:var(--font-mono);font-size:.65rem;color:var(--muted)}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.settings-danger-zone{padding:1rem;background:#ff174408;border:1px dashed rgba(255,23,68,.2);border-radius:var(--radius-md)}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--surface2);border:1px solid var(--border2);border-radius:13px;cursor:pointer;transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;bottom:2px;background:var(--muted);border-radius:50%;transition:all var(--transition-bounce)}.toggle-switch input:checked+.toggle-slider{background:#c8ff0026;border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:var(--accent)}.demo-banner{background:linear-gradient(135deg,#7000ff14,#ff2d6b14);border:1px dashed rgba(112,0,255,.3);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;animation:fadeUp .5s var(--ease-bounce) both;flex-wrap:wrap}.demo-banner-icon{font-size:1.5rem;flex-shrink:0}.demo-banner-content{flex:1;min-width:200px}.demo-banner-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--accent2);margin-bottom:.25rem}.demo-banner-text{font-size:.8rem;color:var(--muted2);line-height:1.5}.demo-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.data-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.data-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.data-summary-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.data-summary-value{font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.landing-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 80px);padding:4rem 2rem;position:relative}.landing-hero .orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:orbFloat 10s ease-in-out infinite}.landing-hero .orb-1{width:300px;height:300px;background:#c8ff0014;top:10%;left:10%;animation-delay:0s}.landing-hero .orb-2{width:250px;height:250px;background:#7000ff14;bottom:20%;right:10%;animation-delay:-3s}.landing-hero .orb-3{width:200px;height:200px;background:#00d4ff0f;top:50%;right:30%;animation-delay:-6s}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:var(--accent);background:#c8ff000f;border:1px solid rgba(200,255,0,.15);border-radius:20px;padding:.4rem 1rem;margin-bottom:2rem;animation:fadeUp .6s var(--ease-bounce) both}.hero-badge .badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);line-height:.95;letter-spacing:.02em;margin-bottom:1.5rem;animation:fadeUp .7s var(--ease-bounce) .1s both}.hero-title .gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent4),var(--accent2));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.3rem);font-weight:300;color:var(--muted2);max-width:600px;margin-bottom:2.5rem;animation:fadeUp .7s var(--ease-bounce) .2s both}.hero-actions{display:flex;gap:1rem;animation:fadeUp .7s var(--ease-bounce) .3s both}.hero-actions .btn-primary{font-size:1rem;padding:.85rem 2.5rem}.landing-features{padding:4rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:all var(--transition-bounce);animation:fadeUp .6s var(--ease-bounce) both;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity var(--transition-fast)}.feature-card:nth-child(1):before{background:var(--accent)}.feature-card:nth-child(2):before{background:var(--accent2)}.feature-card:nth-child(3):before{background:var(--accent3)}.feature-card:nth-child(4):before{background:var(--accent4)}.feature-card:nth-child(5):before{background:var(--accent5)}.feature-card:nth-child(6):before{background:var(--success)}.feature-card:hover{transform:translateY(-6px);border-color:var(--border2);box-shadow:0 12px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-card:nth-child(1) .feature-icon{background:#c8ff001a}.feature-card:nth-child(2) .feature-icon{background:#7000ff1a}.feature-card:nth-child(3) .feature-icon{background:#ff2d6b1a}.feature-card:nth-child(4) .feature-icon{background:#00d4ff1a}.feature-card:nth-child(5) .feature-icon{background:#ff88001a}.feature-card:nth-child(6) .feature-icon{background:#00e6761a}.feature-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.feature-desc{font-size:.85rem;color:var(--muted2);line-height:1.6}.landing-stats{padding:3rem 2rem;text-align:center}.stats-row{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.landing-stat{animation:fadeUp .6s var(--ease-bounce) both}.landing-stat .stat-num{font-family:var(--font-display);font-size:3rem;background:linear-gradient(135deg,var(--accent),var(--accent4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-stat .stat-desc{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.landing-cta{padding:4rem 2rem;text-align:center}.cta-card{max-width:700px;margin:0 auto;background:linear-gradient(135deg,#c8ff000d,#7000ff0d);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2rem;animation:fadeUp .6s var(--ease-bounce) both}.cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem}.cta-text{color:var(--muted2);margin-bottom:2rem;font-size:1rem}@media(max-width:768px){.hero-actions{flex-direction:column;width:100%;max-width:300px}.stats-row{gap:2rem}}.page-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.data-list{display:flex;flex-direction:column;gap:.5rem}.data-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.25rem;transition:all var(--transition-fast);animation:fadeUp .4s var(--ease-bounce) both;cursor:default;gap:1rem}.data-row:hover{border-color:var(--border2);background:var(--surface2);transform:translate(4px)}.data-row .row-name{font-weight:500;font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-row .row-amount{font-family:var(--font-mono);font-weight:600;font-size:.9rem;white-space:nowrap}.data-row .row-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);white-space:nowrap}.data-row .row-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.data-row:hover .row-actions{opacity:1}.row-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all var(--transition-fast);border:1px solid transparent}.row-action-btn:hover{border-color:var(--border2);background:var(--surface)}.row-action-btn.delete:hover{border-color:var(--danger);color:var(--danger);background:#ff174414}.debt-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-bounce);animation:fadeUp .5s var(--ease-bounce) both}.debt-row:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.debt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.debt-name{font-family:var(--font-heading);font-weight:600;font-size:.95rem}.debt-payment{font-family:var(--font-mono);font-weight:600;color:var(--accent3)}.debt-details{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.debt-detail{display:flex;flex-direction:column;gap:.15rem}.debt-detail-label{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.debt-detail-value{font-family:var(--font-mono);font-size:.8rem;font-weight:500}.debt-progress-row{display:flex;align-items:center;gap:.75rem}.debt-progress-row .progress-bar{flex:1}.debt-percent{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);min-width:40px;text-align:right}.debt-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.budget-bar{display:flex;flex-direction:column;gap:.4rem}.budget-bar-header{display:flex;justify-content:space-between;align-items:baseline}.budget-bar-name{font-size:.85rem;font-weight:500}.budget-bar-amounts{font-family:var(--font-mono);font-size:.7rem;color:var(--muted2)}.budget-bar-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;position:relative}.budget-bar-fill{height:100%;border-radius:3px;transition:width 1.2s var(--ease-smooth);transform-origin:left;animation:barGrow 1s var(--ease-smooth) both}.budget-bar-fill.under{background:linear-gradient(90deg,var(--success),#40ff90)}.budget-bar-fill.over{background:linear-gradient(90deg,var(--danger),#ff5070)}.budget-bar-fill.near{background:linear-gradient(90deg,var(--warning),#ffc040)}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding:.5rem 0}.chart-bar{flex:1;min-width:20px;border-radius:4px 4px 0 0;transition:all var(--transition-bounce);position:relative;cursor:pointer;animation:barGrow .8s var(--ease-bounce) both;transform-origin:bottom}.chart-bar:hover{filter:brightness(1.2)}.chart-bar:after{content:attr(data-label);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.5rem;color:var(--muted);white-space:nowrap}.chart-bar.lime{background:linear-gradient(to top,var(--accent),rgba(200,255,0,.4))}.chart-bar.violet{background:linear-gradient(to top,var(--accent2),rgba(112,0,255,.4))}.chart-bar.pink{background:linear-gradient(to top,var(--accent3),rgba(255,45,107,.4))}.chart-bar.cyan{background:linear-gradient(to top,var(--accent4),rgba(0,212,255,.4))}.chart-bar.orange{background:linear-gradient(to top,var(--accent5),rgba(255,136,0,.4))}.chart-labels{display:flex;justify-content:space-around;margin-top:.5rem}.donut-chart{position:relative;width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-center{position:absolute;width:100px;height:100px;background:var(--surface);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.donut-value{font-family:var(--font-display);font-size:1.3rem}.donut-label{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.property-item{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.25rem;transition:all var(--transition-fast);animation:fadeUp .4s var(--ease-bounce) both}.property-item:hover{border-color:var(--border2);transform:translate(4px)}.property-item .item-check{width:24px;height:24px;border:2px solid var(--border2);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.property-item .item-check.checked{background:var(--accent);border-color:var(--accent);color:#000}.property-item .item-check:hover{border-color:var(--accent)}.property-item .item-info{flex:1;min-width:0}.property-item .item-name{font-weight:500;font-size:.9rem}.property-item .item-cost{font-family:var(--font-mono);font-weight:600;font-size:.9rem;color:var(--accent4);white-space:nowrap}.property-item .item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.property-item:hover .item-actions{opacity:1}.annual-item{display:flex;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border);animation:fadeUp .4s var(--ease-bounce) both}.annual-item:last-child{border-bottom:none}.annual-name{flex:1;min-width:120px;font-size:.85rem;font-weight:500}.annual-bar{flex:2;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.annual-fill{height:100%;border-radius:4px;animation:barGrow 1s var(--ease-smooth) both;transform-origin:left}.annual-amount{font-family:var(--font-mono);font-size:.8rem;font-weight:600;min-width:100px;text-align:right}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-lime);z-index:50;transition:all var(--transition-bounce);animation:bounceIn .6s var(--ease-bounce) both}.fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 0 60px #c8ff0066}.fab:active{transform:scale(.95)}.inline-edit{background:transparent;border:none;border-bottom:1px dashed var(--border2);color:var(--text);font-family:inherit;font-size:inherit;padding:.1rem .25rem;outline:none;transition:border-color var(--transition-fast)}.inline-edit:focus{border-color:var(--accent)}@media(max-width:768px){.summary-bar{grid-template-columns:repeat(2,1fr)}.debt-details{gap:.75rem}.data-row{flex-wrap:wrap}.fab{bottom:1.5rem;right:1.5rem;width:48px;height:48px;font-size:1.3rem}}.dashboard-hero{text-align:center;padding:2rem 0 1rem;animation:fadeUp .6s var(--ease-bounce) both}.dashboard-greeting{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--muted);margin-bottom:.5rem}.dashboard-total{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.02em}.dashboard-total .currency{font-size:.6em;color:var(--muted);vertical-align:super}.dashboard-total-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted2);margin-top:.25rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0}.spending-breakdown{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.spending-chart{display:flex;align-items:center;justify-content:center;min-width:180px}.spending-legend{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:200px}.legend-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;padding:.4rem .6rem;border-radius:var(--radius-sm);transition:background var(--transition-fast);animation:fadeUp .4s var(--ease-bounce) both}.legend-item:hover{background:var(--surface2)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-name{flex:1;font-weight:500}.legend-value{font-family:var(--font-mono);font-size:.8rem;color:var(--muted2)}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);animation:fadeUp .4s var(--ease-bounce) both}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot.income{background:var(--success)}.activity-dot.expense{background:var(--danger)}.activity-dot.debt{background:var(--accent3)}.activity-dot.saving{background:var(--accent4)}.activity-info{flex:1;min-width:0}.activity-name{font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-date{font-family:var(--font-mono);font-size:.6rem;color:var(--muted)}.activity-amount{font-family:var(--font-mono);font-weight:600;font-size:.85rem}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-top:2rem}.dashboard-grid .card{animation:fadeUp .5s var(--ease-bounce) both}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:.5rem;animation:fadeUp .4s var(--ease-bounce) both;border-left:3px solid}.alert-item.warning{border-color:var(--warning)}.alert-item.danger{border-color:var(--danger)}.alert-item.info{border-color:var(--accent4)}.alert-item.success{border-color:var(--success)}.alert-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.alert-content{flex:1}.alert-title{font-weight:600;font-size:.85rem;margin-bottom:.15rem}.alert-text{font-size:.75rem;color:var(--muted2)}.tips-carousel{position:relative;overflow:hidden}.tip-card{background:linear-gradient(135deg,#c8ff0008,#00d4ff08);border:1px dashed var(--border2);border-radius:var(--radius-md);padding:1.25rem;animation:fadeUp .5s var(--ease-bounce) both}.tip-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:.5rem}.tip-text{font-size:.85rem;color:var(--text2);line-height:1.6}.resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.resource-link{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-bounce);cursor:pointer;animation:fadeUp .4s var(--ease-bounce) both}.resource-link:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--glow-lime)}.resource-link .resource-icon{font-size:1.5rem;margin-bottom:.5rem}.resource-link .resource-name{font-family:var(--font-heading);font-weight:600;font-size:.8rem}.resource-link .resource-desc{font-family:var(--font-mono);font-size:.55rem;color:var(--muted);margin-top:.2rem}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.spending-breakdown{flex-direction:column;align-items:center}.quick-stats{grid-template-columns:repeat(2,1fr)}}