@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}@media(max-width:768px){button,a{min-height:44px;min-width:44px}}input,select,textarea{font-size:16px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}.splash{position:fixed;inset:0;background:#080a0f;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease,transform .8s ease}.splash--out{opacity:0;transform:scale(1.05);pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:24px}.splash-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.splash-icon{font-size:56px;color:#e8c547;animation:popIn .6s cubic-bezier(.22,1,.36,1) both;z-index:1}.splash-ripple{position:absolute;width:80px;height:80px;border:2px solid rgba(232,197,71,.3);border-radius:50%;animation:ripple 2s ease-out infinite}.splash-ripple--2{animation-delay:.6s}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}.splash-text{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp .6s ease .4s both}.splash-brand{font-family:DM Mono,monospace;font-size:20px;font-weight:500;letter-spacing:.3em;color:#eef0f6}.splash-tagline{font-family:DM Sans,sans-serif;font-size:13px;color:#5a5c6e;letter-spacing:.05em}.splash-loader{width:160px;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;animation:fadeUp .6s ease .6s both}.splash-loader-bar{height:100%;background:linear-gradient(90deg,#e8c547,#f5d253);border-radius:2px;animation:load 3s ease forwards}@keyframes load{0%{width:0%}60%{width:80%}to{width:100%}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-signature{top:1.5rem;right:2rem;font-family:Caveat,cursive;font-size:1.15rem;color:#ffc800;text-shadow:0 0 8px #ff5e00,0 0 20px #bfd400d7;pointer-events:none;z-index:999;opacity:0;display:flex;align-items:center;gap:6px;white-space:nowrap;position:fixed}.lp-sig-line{position:fixed;top:2.8rem;right:1.75rem;height:1px;width:0;background:#fff;box-shadow:0 0 8px #f5c842;border-radius:2px;transition:width .6s ease;z-index:998}.lp-sig-line.grow{width:150px}.lp-sig-line.shrink{width:0;transition:width .5s ease .6s}.lp-signature span{display:inline-block;overflow:visible;padding-bottom:4px;white-space:nowrap;max-width:0;opacity:0;transition:max-width 1.4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.lp-signature.animate{opacity:1;transition:opacity .3s ease}.lp-signature.animate span{max-width:200px;opacity:1}.lp-signature:before{content:"";font-size:.95rem;opacity:0;transform:rotate(-10deg);transition:opacity .5s ease .2s;pointer-events:none}.lp-signature.animate:before{opacity:1}.theme-dark{--bg: #080A0F;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-lit: rgba(255, 255, 255, .18);--text: #EEF0F6;--text-sub: #7A7D8E;--text-muted: #ffffff;--accent: #E8C547;--accent-glow: rgba(232, 197, 71, .18);--orb1: rgba(232, 197, 71, .12);--orb2: rgba(255, 107, 53, .1);--toggle-bg: rgba(255, 255, 255, .07);--toggle-border: rgba(255, 255, 255, .14);--toggle-icon: #E8C547;--toggle-thumb: #1A1D26;--float-bg: rgba(255, 255, 255, .04);--grid-color: rgba(255, 255, 255, .08)}.theme-light{--bg: #F2F3F7;--card: rgba(255, 255, 255, .85);--border: rgba(0, 0, 0, .08);--border-lit: rgba(0, 0, 0, .16);--text: #0F1117;--text-sub: #555770;--text-muted: #9496A8;--accent: #C9A227;--accent-glow: rgba(201, 162, 39, .2);--orb1: rgba(201, 162, 39, .14);--orb2: rgba(220, 100, 50, .1);--toggle-bg: rgba(0, 0, 0, .06);--toggle-border: rgba(0, 0, 0, .14);--toggle-icon: #C9A227;--toggle-thumb: #FFFFFF;--float-bg: rgba(255, 255, 255, .9);--grid-color: rgba(0, 0, 0, .06)}.lp-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.lp-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;transition:background .5s ease}.lp-orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--orb1) 0%,transparent 70%);top:-120px;left:-100px;animation:driftA 14s ease-in-out infinite alternate,orbPulse 8s ease-in-out infinite}.lp-orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--orb2) 0%,transparent 70%);bottom:-80px;right:-60px;animation:driftB 18s ease-in-out infinite alternate,orbPulse 10s ease-in-out infinite reverse}@keyframes driftA{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes driftB{0%{transform:translate(0)}to{transform:translate(-30px,-20px)}}@keyframes orbPulse{0%,to{opacity:1;filter:blur(90px) scale(1)}50%{opacity:.75;filter:blur(110px) scale(1.06)}}.lp-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);z-index:0;opacity:.5;transition:opacity .4s ease}.lp-nav{width:100%;display:flex;justify-content:center;align-items:center;padding:32px 48px 0;position:relative;z-index:10}.lp-logo{display:flex;align-items:center;gap:10px;position:absolute;left:50%;transform:translate(-50%)}.lp-logo-mark{font-size:20px;color:var(--accent);animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:1;text-shadow:0 0 8px var(--accent-glow)}50%{opacity:.75;text-shadow:0 0 20px var(--accent-glow)}}.lp-logo-text{font-family:DM Mono,monospace;font-size:16px;font-weight:500;letter-spacing:.22em;color:var(--text);transition:color .3s ease}.lp-theme-toggle{margin-left:auto;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.lp-toggle-track{width:52px;height:28px;border-radius:100px;background:var(--toggle-bg);border:1px solid var(--toggle-border);display:flex;align-items:center;padding:3px;transition:all .35s ease;position:relative}.lp-toggle-track:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.lp-toggle-thumb{width:22px;height:22px;border-radius:50%;background:var(--toggle-thumb);display:flex;align-items:center;justify-content:center;color:var(--toggle-icon);box-shadow:0 1px 6px #00000040;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s ease;flex-shrink:0}.lp-toggle-track.is-dark .lp-toggle-thumb{transform:translate(24px)}.lp-toggle-track.is-light .lp-toggle-thumb{transform:translate(0)}.lp-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;position:relative;z-index:10;gap:0;margin-top:-40px}.lp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid rgba(232,197,71,.3);border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--accent);background:#e8c54712;margin-bottom:28px;font-family:DM Mono,monospace;animation:fadeUp .6s ease both,badgePulse 5s ease-in-out 1s infinite;transition:color .3s ease}@keyframes badgePulse{0%,to{box-shadow:0 0 0 transparent;border-color:#e8c5474d}50%{box-shadow:0 0 16px #e8c54726;border-color:#e8c54799}}.lp-headline{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}.lp-headline-line{display:block;font-family:Playfair Display,serif;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--text);transition:color .3s ease}.lp-headline-accent{color:transparent;-webkit-text-stroke:1.5px var(--accent);text-shadow:0 0 60px var(--accent-glow);animation:accentGlow 6s ease-in-out infinite}@keyframes accentGlow{0%,to{text-shadow:0 0 40px var(--accent-glow)}50%{text-shadow:0 0 90px rgba(232,197,71,.35)}}.lp-slogan{font-size:16.5px;font-weight:300;line-height:1.7;color:var(--text-sub);max-width:420px;margin-bottom:40px;letter-spacing:.01em;transition:color .3s ease}.lp-actions{display:flex;gap:14px;align-items:center;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.lp-btn{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;border:none;cursor:pointer;border-radius:10px;transition:all .22s ease;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.lp-btn-primary{background:var(--accent);color:#0a0b0f;padding:14px 28px;font-weight:700;box-shadow:0 0 30px var(--accent-glow)}.lp-btn-primary:hover,.lp-btn-primary.active{background:#f5d253;box-shadow:0 0 50px #e8c54759;transform:translateY(-2px)}.lp-btn-arrow{transition:transform .2s ease}.lp-btn-primary:hover .lp-btn-arrow,.lp-btn-primary.active .lp-btn-arrow{transform:translate(4px)}.lp-btn-ghost{background:transparent;color:var(--text-sub);padding:13px 28px;border:1px solid var(--border-lit);transition:all .22s ease,color .3s ease,border-color .3s ease}.lp-btn-ghost:hover,.lp-btn-ghost.active{color:var(--text);border-color:var(--border-lit);background:var(--card);transform:translateY(-2px)}.lp-footnote{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.04em;transition:color .3s ease}.lp-float{position:absolute;background:var(--float-bg);border:1px solid var(--border-lit);border-radius:14px;padding:16px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;min-width:160px;transition:background .4s ease,border-color .3s ease}.lp-float-left{left:6%;top:50%;transform:translateY(-50%) rotate(-3deg);animation:floatLeft 6s ease-in-out infinite}.lp-float-right{right:6%;top:45%;transform:translateY(-50%) rotate(3deg);animation:floatRight 7s ease-in-out infinite}@keyframes floatLeft{0%{transform:translateY(-50%) rotate(-3deg) translate(0)}50%{transform:translateY(calc(-50% - 12px)) rotate(-2deg) translate(6px)}to{transform:translateY(-50%) rotate(-3deg) translate(0)}}@keyframes floatRight{0%{transform:translateY(-50%) rotate(3deg) translate(0)}50%{transform:translateY(calc(-50% - 10px)) rotate(2deg) translate(-6px)}to{transform:translateY(-50%) rotate(3deg) translate(0)}}.lp-float-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;transition:color .3s ease}.lp-float-value{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:6px;transition:color .3s ease}.lp-float-tag{font-family:DM Mono,monospace;font-size:10.5px;font-weight:500}.lp-float-tag.up{color:#3aada5}.lp-float-tag.neutral{color:var(--text-sub)}.lp-footer{display:flex;gap:12px;align-items:center;padding:20px;font-family:DM Mono,monospace;font-size:10.5px;color:var(--text-muted);letter-spacing:.05em;z-index:10;position:relative;transition:color .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-badge{animation:fadeUp .5s ease 0s both}.lp-delay-1{animation:fadeUp .6s ease .1s both}.lp-delay-2{animation:fadeUp .6s ease .2s both}.lp-delay-3{animation:fadeUp .6s ease .35s both}.lp-delay-4{animation:fadeUp .6s ease .5s both}.lp-delay-5{animation:fadeUp .6s ease .65s both}.lp-delay-6{animation:fadeUp .7s ease .8s both}.lp-delay-7{animation:fadeUp .7s ease .95s both}@media(max-width:900px){.lp-float{display:none}}@media(max-width:480px){.lp-headline-line{font-size:48px}.lp-slogan{font-size:14.5px}.lp-nav{padding:24px 20px 0}}.lp-section{width:100%;max-width:1100px;margin:0 auto;padding:80px 40px;opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.lp-section--visible{opacity:1;transform:translateY(0)}.lp-nav--full{max-width:1100px;width:100%;padding:28px 40px 0;align-self:center;justify-content:flex-start;gap:0}.lp-nav-links{display:flex;gap:32px;margin-left:48px;align-items:center}.lp-nav-link{font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-sub);text-decoration:none;transition:color .2s ease}.lp-nav-link:hover{color:var(--text)}.lp-nav-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.lp-btn--sm{padding:9px 20px;font-size:13px}.lp-btn--lg{padding:15px 32px;font-size:15px}.lp-hero--full{max-width:1100px;width:100%;padding:100px 40px 60px;align-self:center}.lp-delay-8{animation:fadeUp .7s ease 1.1s both}.lp-section-header{text-align:center;margin-bottom:56px}.lp-section-tag{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.lp-section-title{font-family:Playfair Display,serif;font-size:clamp(32px,5vw,52px);font-weight:900;color:var(--text);line-height:1.1;margin-bottom:16px;transition:color .3s ease}.lp-section-sub{font-size:16px;color:var(--text-sub);max-width:460px;margin:0 auto;line-height:1.7;transition:color .3s ease}.lp-title-outline{color:transparent;-webkit-text-stroke:1.5px var(--accent);text-shadow:0 0 60px var(--accent-glow)}.lp-stats-section{padding:0 40px 60px}.lp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden}.lp-stat-card{background:var(--card);padding:32px 28px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s ease}.lp-stat-value{font-family:Playfair Display,serif;font-size:36px;font-weight:900;color:var(--accent);margin-bottom:6px}.lp-stat-label{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;transition:color .3s ease}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-feature-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px 26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.lp-feature-card:hover{transform:translateY(-4px)}.lp-feature-card.feat-yellow .lp-feature-icon{color:#e8c547;background:#e8c5471f;border-color:#e8c54740}.lp-feature-card.feat-yellow:hover{border-color:#e8c54766;box-shadow:0 12px 40px #e8c5471a}.lp-feature-card.feat-teal .lp-feature-icon{color:#3aada5;background:#3aada51f;border-color:#3aada540}.lp-feature-card.feat-teal:hover{border-color:#3aada566;box-shadow:0 12px 40px #3aada51a}.lp-feature-card.feat-purple .lp-feature-icon{color:#8b7cf6;background:#8b7cf61f;border-color:#8b7cf640}.lp-feature-card.feat-purple:hover{border-color:#8b7cf666;box-shadow:0 12px 40px #8b7cf61a}.lp-feature-card.feat-orange .lp-feature-icon{color:#ff6b35;background:#ff6b351f;border-color:#ff6b3540}.lp-feature-card.feat-orange:hover{border-color:#ff6b3566;box-shadow:0 12px 40px #ff6b351a}.lp-feature-card.feat-pink .lp-feature-icon{color:#ec4899;background:#ec48991f;border-color:#ec489940}.lp-feature-card.feat-pink:hover{border-color:#ec489966;box-shadow:0 12px 40px #ec48991a}.lp-feature-icon{width:44px;height:44px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px}.lp-feature-title{font-family:Playfair Display,serif;font-size:19px;font-weight:700;color:var(--text);margin-bottom:10px;transition:color .3s ease}.lp-feature-desc{font-size:14px;color:var(--text-sub);line-height:1.7;transition:color .3s ease}.lp-how-inner{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:60px 56px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.lp-steps-connector{position:absolute;top:28px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);opacity:.3}.lp-step{text-align:center;padding:0 20px}.lp-step-num{width:56px;height:56px;border-radius:50%;background:var(--card);border:1px solid var(--border-lit);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:var(--text-sub);margin:0 auto 20px;transition:all .3s ease}.lp-step--active .lp-step-num{background:var(--accent);border-color:var(--accent);color:#0a0b0f;box-shadow:0 0 30px var(--accent-glow)}.lp-step-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;transition:color .3s ease}.lp-step-desc{font-size:13px;color:var(--text-sub);line-height:1.65;transition:color .3s ease}.lp-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px 26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px;transition:border-color .25s ease,transform .25s ease}.lp-testimonial-card:hover{border-color:var(--border-lit);transform:translateY(-3px)}.lp-stars{color:var(--accent);font-size:14px;letter-spacing:2px}.lp-testimonial-quote{font-size:15px;color:var(--text-sub);line-height:1.75;font-style:italic;flex:1;transition:color .3s ease}.lp-testimonial-author{display:flex;align-items:center;gap:12px}.lp-testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-glow);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:16px;font-weight:700;color:var(--accent);flex-shrink:0}.lp-testimonial-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px;transition:color .3s ease}.lp-testimonial-role{font-family:DM Mono,monospace;font-size:10px;color:var(--text-muted);transition:color .3s ease}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.lp-plan-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px 30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;transition:border-color .25s ease}.lp-plan-card--highlight{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 50px var(--accent-glow);transform:scale(1.03)}.lp-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#0a0b0f;font-family:DM Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.1em;padding:4px 14px;border-radius:100px;white-space:nowrap}.lp-plan-name{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;transition:color .3s ease}.lp-plan-price{font-family:Playfair Display,serif;font-size:42px;font-weight:900;color:var(--text);line-height:1;transition:color .3s ease}.lp-plan-card--highlight .lp-plan-price{color:var(--accent)}.lp-plan-period{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);margin-bottom:28px;transition:color .3s ease}.lp-plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.lp-plan-feature{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--text-sub);line-height:1.5;transition:color .3s ease}.lp-plan-check{color:var(--accent);font-size:13px;margin-top:2px;flex-shrink:0}.lp-plan-cta{width:100%;justify-content:center;padding:13px 0}.lp-cta-section{padding:60px 40px 100px}.lp-cta-inner{background:var(--card);border:1px solid var(--border-lit);border-radius:24px;padding:72px 56px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;position:relative;overflow:hidden}.lp-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.lp-cta-title{font-family:Playfair Display,serif;font-size:clamp(36px,5vw,60px);font-weight:900;color:var(--text);line-height:1.1;margin-bottom:20px;transition:color .3s ease}.lp-cta-sub{font-size:16px;color:var(--text-sub);max-width:400px;margin:0 auto 36px;line-height:1.7;transition:color .3s ease}.lp-footer--full{width:100%;max-width:1100px;margin:0 auto;padding:28px 40px 40px;justify-content:space-between;border-top:1px solid var(--border)}.lp-footer-links{display:flex;gap:12px;align-items:center;font-family:DM Mono,monospace;font-size:10.5px;color:var(--text-muted);letter-spacing:.05em}@media(max-width:900px){.lp-features-grid,.lp-testimonials-grid,.lp-pricing-grid{grid-template-columns:1fr}.lp-stats-grid,.lp-steps-grid{grid-template-columns:repeat(2,1fr)}.lp-steps-connector,.lp-nav-links{display:none}.lp-how-inner{padding:36px 24px}.lp-cta-inner{padding:48px 28px}.lp-plan-card--highlight{transform:scale(1)}}@media(max-width:1024px){.lp-hero--full{padding:80px 32px 50px}.lp-section-header{margin-bottom:40px}.lp-nav{padding:24px 32px 0}.lp-nav-links{gap:24px;margin-left:32px}.lp-nav-link{font-size:13px}.lp-btn--lg{padding:12px 28px;font-size:14px}}@media(max-width:768px){.lp-root{padding:0}.lp-nav{padding:16px 20px 0;flex-wrap:wrap}.lp-logo{position:relative;left:0;transform:none}.lp-logo-mark{font-size:16px}.lp-logo-text{font-size:12px}.lp-nav-links{display:none;gap:16px;margin-left:0;width:100%;padding:12px 0}.lp-nav-actions{margin-left:auto;gap:8px}.lp-btn--sm{padding:8px 16px;font-size:12px}.lp-btn--lg{padding:10px 24px;font-size:13px}.lp-hero--full{padding:40px 20px 30px}.lp-section-header{margin-bottom:32px}.lp-section-title{font-size:28px;line-height:1.2}.lp-card{padding:20px;border-radius:12px}.lp-theme-toggle{width:40px;height:40px}.lp-how-inner{padding:28px 20px}.lp-cta-inner{padding:32px 20px}.lp-plan-card{padding:24px 18px}.lp-plan-card--highlight{padding:28px 20px}}@media(max-width:480px){.lp-nav{padding:12px 16px 0}.lp-logo-mark{font-size:14px}.lp-logo-text{font-size:10px;letter-spacing:.1em}.lp-nav-actions{gap:6px}.lp-btn--sm{padding:7px 12px;font-size:11px}.lp-btn--lg{padding:9px 18px;font-size:12px;width:100%}.lp-hero--full{padding:32px 16px 24px}.lp-section-header{margin-bottom:24px}.lp-section-tag{font-size:10px}.lp-section-title{font-size:22px}.lp-section-desc{font-size:13px}.lp-card{padding:16px;border-radius:10px}.lp-how-inner{padding:20px 16px}.lp-cta-inner{padding:24px 16px}}@media(max-width:360px){.lp-hero--full{padding:24px 12px 18px}.lp-section-title{font-size:18px}.lp-card{padding:12px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0f0f0f;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:#e2e2e2}body.light{background:#f5f5f5;color:#1a1a1a}.app-shell{display:flex;min-height:100vh}@media(max-width:768px){.app-shell{flex-direction:column}}.hamburger-menu{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-right:12px}.hamburger-menu span{width:22px;height:2.5px;background:#e2e2e2;border-radius:2px;transition:all .3s ease;display:block}body.light .hamburger-menu span{background:#1a1a1a}@media(max-width:768px){.hamburger-menu{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:40}@media(max-width:768px){.app-shell.sidebar-open .sidebar-overlay{display:block}}.sidebar{width:230px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;background:#161616;border-right:1px solid #2a2a2a;z-index:100;padding:24px 0;transition:background .3s ease,border-color .3s ease}body.light .sidebar{background:#fff;border-right-color:#e0e0e0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:32px}.sidebar-logo-icon{font-size:18px;color:#fff}body.light .sidebar-logo-icon{color:#1a1a1a}.sidebar-logo-text{font-family:Roboto Mono,monospace;font-size:13px;font-weight:500;letter-spacing:.1em;color:#fff;transition:color .3s ease}body.light .sidebar-logo-text{color:#1a1a1a}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:none;background:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:#888;text-align:left;transition:all .15s ease}body.light .sidebar-nav-item{color:#777}.sidebar-nav-item--active{background:#242424;color:#fff}body.light .sidebar-nav-item--active{background:#f0f0f0;color:#1a1a1a}.sidebar-nav-item--disabled{cursor:default;opacity:.4}.sidebar-nav-item:not(.sidebar-nav-item--disabled):not(.sidebar-nav-item--active):hover{background:#1e1e1e;color:#ccc}body.light .sidebar-nav-item:not(.sidebar-nav-item--disabled):not(.sidebar-nav-item--active):hover{background:#f5f5f5;color:#333}.sidebar-nav-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.sidebar-nav-label{flex:1}.sidebar-nav-soon{font-family:Roboto Mono,monospace;font-size:9px;letter-spacing:.06em;padding:2px 7px;border-radius:4px;background:#222;color:red;border:1px solid #2e2e2e}body.light .sidebar-nav-soon{background:#eee;color:#999;border-color:#e0e0e0}.sidebar-bottom{padding:0 10px;display:flex;flex-direction:column;gap:8px}.sidebar-theme-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:none;color:#666;font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.sidebar-theme-btn:hover{background:#1e1e1e;border-color:#3a3a3a;color:#ccc}body.light .sidebar-theme-btn{border-color:#e0e0e0;color:#888}body.light .sidebar-theme-btn:hover{background:#f5f5f5;color:#333}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a;transition:all .3s ease}body.light .sidebar-user{background:#f5f5f5;border-color:#e0e0e0}.sidebar-user-avatar{width:30px;height:30px;border-radius:50%;background:#2e2e2e;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:#ccc;flex-shrink:0}body.light .sidebar-user-avatar{background:#e0e0e0;color:#555}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:500;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}body.light .sidebar-user-name{color:#1a1a1a}.sidebar-user-email{font-family:Roboto Mono,monospace;font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}body.light .sidebar-user-email{color:#999}.sidebar-logout-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .15s ease;flex-shrink:0}.sidebar-logout-btn:hover{color:#f55;background:#ff55551a}body.light .sidebar-logout-btn{color:#aaa}.dashboard{margin-left:230px;flex:1;min-height:100vh;background:linear-gradient(180deg,#0f0f0f,#101114);padding-bottom:80px;transition:background .3s ease}body.light .dashboard{background:#f5f5f5}.header-actions{display:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 36px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff05,#fff0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .3s ease}body.light .dashboard-header{background:#ffffffe6;border-bottom-color:#e8e8e8}.dashboard-title{font-size:22px;font-weight:500;color:#e2e2e2;letter-spacing:0;margin-bottom:3px;transition:color .3s ease}body.light .dashboard-title{color:#1a1a1a}.welcome-text{font-family:Roboto Mono,monospace;font-size:11px;color:#555;letter-spacing:.04em;transition:color .3s ease}body.light .welcome-text{color:#999}.stats-card,.card{max-width:820px;margin:20px auto 0;border-radius:10px;background:#161616;border:1px solid #222222;transition:background .3s ease,border-color .3s ease,transform .2s ease;animation:fadeUp .4s ease both}body.light .stats-card,body.light .card{background:#fff;border-color:#e8e8e8}.overview-cards{max-width:820px;margin:20px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.overview-card{min-height:120px;padding:20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,background .3s ease,border-color .3s ease}.overview-card-label{font-family:Roboto Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#9a9a9a}.overview-card h3{font-size:30px;margin:14px 0 6px;color:#fff}.stats-card{animation-delay:.05s;padding:0;overflow:hidden}.card{padding:24px 28px}.card:nth-of-type(2){animation-delay:.1s}.card:nth-of-type(3){animation-delay:.2s}.stats-card{display:grid;grid-template-columns:1fr 1fr}.stat-box{padding:24px 28px;display:flex;flex-direction:column;gap:6px;position:relative}.stat-box:first-child{border-right:1px solid #222222}body.light .stat-box:first-child{border-right-color:#e8e8e8}.stat-box span{font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#555;transition:color .3s ease}body.light .stat-box span{color:#999}.stat-box h3{font-size:34px;font-weight:300;color:#e2e2e2;letter-spacing:-.01em;transition:color .3s ease}body.light .stat-box h3{color:#1a1a1a}.card h3{font-size:15px;font-weight:500;color:#e2e2e2;margin-bottom:18px;letter-spacing:0;transition:color .3s ease}body.light .card h3{color:#1a1a1a}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row input{flex:1;min-width:130px;padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:14px;outline:none;transition:all .15s ease}body.light .form-row input{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.form-row input::placeholder{color:#444}body.light .form-row input::placeholder{color:#bbb}.form-row input:focus{border-color:#555;background:#1f1f1f}body.light .form-row input:focus{border-color:#aaa;background:#fff}.form-row input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}body.light .form-row input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3)}.primary-btn{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:10px 24px;border-radius:8px;border:none;background:#e8c547;color:#0f0f0f;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-shadow:0 0 28px #e8c54740}.primary-btn:hover{background:#f5d253;box-shadow:0 0 44px #e8c54766;transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.cancel-btn{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;padding:10px 20px;border-radius:8px;border:1px solid #E8C547;background:none;color:#e8c547;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cancel-btn:hover{background:#e8c5471a;border-color:#f5d253;color:#f5d253}.expense-list{list-style:none;display:flex;flex-direction:column;gap:4px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;border:1px solid transparent;background:transparent;transition:all .15s ease}.expense-item:hover{background:#1a1a1a;border-color:#272727}body.light .expense-item:hover{background:#f9f9f9;border-color:#e8e8e8}.expense-info{display:flex;flex-direction:column;gap:3px;flex:1}.expense-row{display:flex;align-items:center;gap:10px}.expense-title{font-size:14px;font-weight:400;color:#e2e2e2;transition:color .3s ease}body.light .expense-title{color:#1a1a1a}.expense-date{font-family:Roboto Mono,monospace;font-size:10px;color:#444;letter-spacing:.04em;transition:color .3s ease}body.light .expense-date{color:#aaa}.expense-amount{font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;color:#e2e2e2;letter-spacing:.02em;transition:color .3s ease}body.light .expense-amount{color:#1a1a1a}.expense-actions{display:flex;gap:6px;margin-left:12px}.edit-btn,.delete-btn{font-family:Roboto Mono,monospace;font-size:11px;font-weight:400;padding:5px 12px;border-radius:6px;cursor:pointer;letter-spacing:.04em;transition:all .15s ease}.edit-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#888}.edit-btn:hover{background:#252525;border-color:#3a3a3a;color:#ccc}body.light .edit-btn{background:#f5f5f5;border-color:#e0e0e0;color:#888}body.light .edit-btn:hover{background:#ebebeb;color:#333}.delete-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#666}.delete-btn:hover{background:#ff55551a;border-color:#ff55554d;color:#f55}body.light .delete-btn{background:#f5f5f5;border-color:#e0e0e0;color:#aaa}body.light .delete-btn:hover{background:#dc32320f;border-color:#dc323233;color:#dc3232}.empty-state{font-family:Roboto Mono,monospace;font-size:12px;letter-spacing:.05em;color:#444;text-align:center;padding:36px 0}body.light .empty-state{color:#bbb}.back-btn{background:none;border:none;color:#e2e2e2;font-size:16px;cursor:pointer;padding:8px;margin-right:12px}body.light .back-btn{color:#1a1a1a}.expense-details{margin:20px 0}.expense-details p{margin:10px 0;font-size:14px}.expense-details strong{color:#888}body.light .expense-details strong{color:#666}.loading,.error{text-align:center;padding:50px;font-size:16px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@media(max-width:1024px){.sidebar{width:200px;background:#0009}.dashboard{margin-left:200px}.stats-card,.card{max-width:100%;margin:16px 16px 0}.dashboard-header{padding:20px 24px}.dashboard-title{font-size:18px}}@media(max-width:768px){.sidebar{width:250px;height:100vh;flex-direction:column;position:fixed;top:0;left:-250px;transform:translate(0);padding:24px 0;align-items:stretch;border-right:1px solid #2a2a2a;border-bottom:none;z-index:60;transition:left .3s ease}.app-shell.sidebar-open .sidebar{left:0}body.light .sidebar{border-right-color:#e0e0e0}.sidebar-logo{margin-bottom:0;gap:6px}.sidebar-logo-icon{font-size:16px}.sidebar-logo-text{font-size:11px;display:none}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;padding:0 10px;margin-left:0;margin-top:auto}.sidebar-theme-btn{padding:6px 10px;font-size:10px}.sidebar-user{display:flex}.sidebar-theme-btn{width:100%;padding:10px 14px;font-size:10px;justify-content:flex-start}.dashboard{margin-left:0;margin-top:56px;padding-bottom:60px}.dashboard-header{padding:14px 12px;flex-direction:row;align-items:center;gap:12px}.dashboard-header>div{flex:1;display:flex;flex-direction:column;gap:2px}.dashboard-title{font-size:16px}.welcome-text{font-size:10px}.stats-card,.card{max-width:calc(100% - 28px);margin:12px 14px 0;border-radius:8px;padding:18px}.overview-cards{grid-template-columns:1fr}.stats-card{padding:0;overflow:hidden}.stat-box{padding:16px 18px}.stat-box:first-child{border-right:none;border-bottom:1px solid #222222}body.light .stat-box:first-child{border-bottom-color:#e8e8e8}.stat-box h3{font-size:24px}.stat-box span{font-size:9px}.card h3{font-size:14px;margin-bottom:14px}.form-row{flex-direction:column;gap:8px}.form-row input{width:100%;min-width:100%;padding:9px 12px;font-size:13px}.primary-btn,.cancel-btn{width:100%;padding:9px 16px;font-size:13px}.expense-list{max-height:calc(100vh - 320px)}.expense-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.expense-info{width:100%}.expense-row{flex-wrap:wrap;gap:8px;width:100%}.expense-title{font-size:13px;flex:1;min-width:100%}.expense-actions{width:100%;flex-direction:row;gap:6px;margin-left:0;margin-top:8px}.edit-btn,.delete-btn{flex:1;padding:6px 10px;font-size:12px}.empty-state{font-size:11px;padding:24px 16px}}@media(max-width:480px){.sidebar{width:250px;height:100vh;background:#161616!important;border-right:1px solid #2a2a2a;left:-250px}}body.light .sidebar{background:#fff!important;border-right-color:#e0e0e0}.app-shell.sidebar-open .sidebar{left:0}@media(min-width:769px){.sidebar-nav,.sidebar-bottom,.sidebar-user{display:flex!important}}.quick-actions{max-width:820px;margin:20px auto 0;animation:fadeUp .4s ease both}.quick-actions h3{font-size:15px;font-weight:500;color:#e2e2e2;margin-bottom:16px;letter-spacing:0;transition:color .3s ease}body.light .quick-actions h3{color:#1a1a1a}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}body.light .quick-action-btn{background:#fff;border-color:#e8e8e8;color:#1a1a1a}.quick-action-btn:hover{transform:translateY(-2px);background:#e8c54714;border-color:#e8c5474d}.quick-action-icon{font-size:24px;margin-bottom:4px}.overview-cards{max-width:820px;margin:20px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;animation:fadeUp .4s ease both;animation-delay:.05s}.overview-card{min-height:120px;padding:20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;transition:transform .2s ease,background .3s ease,border-color .3s ease;position:relative;overflow:hidden}body.light .overview-card{background:#fff;border-color:#e8e8e8}.overview-card:hover{transform:translateY(-2px);background:#e8c54714}.overview-card--large{grid-column:span 2}.overview-card-icon{font-size:32px;opacity:.6;position:absolute;top:16px;right:16px}.overview-card-content{flex:1;z-index:1}.overview-card-label{font-family:Roboto Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#9a9a9a;margin-bottom:8px}body.light .overview-card-label{color:#757575}.overview-card h3{font-size:30px;margin:0 0 6px;color:#fff;font-weight:300}body.light .overview-card h3{color:#1a1a1a}.overview-card-text{font-family:Roboto,sans-serif;font-size:13px;color:#c1c1c1;line-height:1.6}body.light .overview-card-text{color:#5f5f5f}.spending-trend{animation-delay:.1s}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:15px;font-weight:500;color:#e2e2e2;margin:0;letter-spacing:0;transition:color .3s ease}body.light .card-header h3{color:#1a1a1a}.card-subtitle{font-family:Roboto Mono,monospace;font-size:11px;color:#555;letter-spacing:.04em;transition:color .3s ease}body.light .card-subtitle{color:#999}.mini-chart{display:flex;align-items:end;gap:8px;height:80px;padding:0 8px}.mini-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.mini-chart-fill{width:100%;background:linear-gradient(180deg,#e8c547,#d4af37);border-radius:2px 2px 0 0;transition:height .3s ease;min-height:4px}.mini-chart-label{font-family:Roboto Mono,monospace;font-size:10px;color:#888;letter-spacing:.04em;transition:color .3s ease}body.light .mini-chart-label{color:#666}.recent-activity{animation-delay:.2s}.view-all-btn{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#e8c547;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.view-all-btn:hover{background:#e8c5471a}.empty-activity{text-align:center;padding:40px 20px}.empty-activity-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-activity h4{font-size:16px;font-weight:500;color:#e2e2e2;margin-bottom:8px;transition:color .3s ease}body.light .empty-activity h4{color:#1a1a1a}.empty-activity p{font-size:14px;color:#888;margin-bottom:20px;line-height:1.6;transition:color .3s ease}body.light .empty-activity p{color:#666}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.activity-item:hover{background:#ffffff0a;border-color:#ffffff14}body.light .activity-item:hover{background:#f9f9f9;border-color:#e8e8e8}.activity-icon{font-size:20px;width:32px;text-align:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:400;color:#e2e2e2;margin-bottom:2px;transition:color .3s ease}body.light .activity-title{color:#1a1a1a}.activity-meta{font-family:Roboto Mono,monospace;font-size:11px;color:#666;letter-spacing:.04em;transition:color .3s ease}body.light .activity-meta{color:#888}.activity-arrow{font-size:14px;color:#666;transition:color .3s ease}body.light .activity-arrow{color:#888}@media(max-width:1024px){.quick-actions-grid,.overview-cards{grid-template-columns:repeat(2,1fr)}.overview-card--large{grid-column:span 2}}@media(max-width:768px){.quick-actions{margin:16px 14px 0}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-btn{padding:16px 12px;font-size:12px}.quick-action-icon{font-size:20px}.overview-cards{margin:16px 14px 0;grid-template-columns:1fr;gap:12px}.overview-card--large{grid-column:span 1}.overview-card{min-height:100px;padding:16px}.overview-card-icon{font-size:28px;top:12px;right:12px}.overview-card h3{font-size:24px}.mini-chart{height:60px}.activity-list{gap:6px}.activity-item{padding:10px 12px;gap:10px}.activity-icon{font-size:18px;width:28px}.activity-title{font-size:13px}.activity-meta{font-size:10px}}.dashboard{position:relative;z-index:1}.sidebar{position:fixed;z-index:200}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:100}.recharts-wrapper,.recharts-surface,canvas{position:relative;z-index:1}.xp-toast{position:fixed;top:20px;right:20px;z-index:9999;background:#1a1f2e;border:1px solid #f59e0b;border-radius:10px;padding:12px 18px;display:flex;align-items:center;gap:10px;animation:xp-slide-in .3s ease,xp-fade-out .4s ease 3.1s forwards;min-width:220px;max-width:300px;box-shadow:0 8px 24px #f59e0b40}.xp-toast-icon{font-size:22px}.xp-toast-body{display:flex;flex-direction:column;gap:3px}.xp-toast-earned{font-size:14px;font-weight:700;color:#f59e0b}.xp-toast-milestone{font-size:12px;font-weight:600;color:#ff9f43}.xp-toast-total{font-size:12px;color:#7a8099}@keyframes xp-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes xp-fade-out{0%{opacity:1}to{opacity:0}}.transactions-wrapper{max-width:820px;margin:0 auto;padding-bottom:80px}.transactions-header{padding:24px 36px;border-bottom:1px solid #1f1f1f;background:#0f0f0f;transition:all .3s ease}body.light .transactions-header{background:#fff;border-bottom-color:#e8e8e8}.transactions-actions{max-width:820px;margin:20px auto 0;padding:0 36px}.transactions-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}@media(max-width:768px){.transactions-actions{flex-direction:column;align-items:stretch;gap:12px}.transactions-actions button{width:100%}}@media(max-width:1024px){.transactions-actions{padding:0 16px}}@media(max-width:768px){.transactions-actions{padding:0 14px}}.transactions-form-card{max-width:820px;margin:14px auto 0;border-radius:10px;background:#161616;border:1px solid #222222;padding:20px;animation:fadeUp .4s ease both;transition:background .3s ease,border-color .3s ease}body.light .transactions-form-card{background:#fff;border-color:#e8e8e8}.expense-form{width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.transactions-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:820px;margin:20px auto 0;padding:0 36px}@media(max-width:1024px){.transactions-filters{padding:0 16px}}@media(max-width:768px){.transactions-filters{padding:0 14px;gap:8px}}.transactions-filters input,.transactions-filters select{flex:1;min-width:130px;padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:14px;outline:none;transition:all .15s ease;appearance:none}body.light .transactions-filters input,body.light .transactions-filters select{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.transactions-filters input::placeholder{color:#444}body.light .transactions-filters input::placeholder{color:#bbb}.transactions-filters input:focus,.transactions-filters select:focus{border-color:#555;background:#1f1f1f}body.light .transactions-filters input:focus,body.light .transactions-filters select:focus{border-color:#aaa;background:#fff}.transactions-filters input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}body.light .transactions-filters input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.3)}.filter-clear-btn{font-family:Roboto Mono,monospace;font-size:11px;padding:10px 16px;border-radius:8px;border:1px solid #2a2a2a;background:none;color:#666;cursor:pointer;letter-spacing:.04em;transition:all .15s ease;white-space:nowrap}.filter-clear-btn:hover{border-color:#f55;color:#f55;background:#ff555514}body.light .filter-clear-btn{border-color:#e0e0e0;color:#aaa}body.light .filter-clear-btn:hover{border-color:#dc3232;color:#dc3232}.transactions-summary{display:flex;justify-content:space-between;align-items:center;max-width:820px;margin:14px auto 0;padding:0 36px}@media(max-width:1024px){.transactions-summary{padding:0 16px}}@media(max-width:768px){.transactions-summary{padding:0 14px;flex-direction:column;align-items:flex-start;gap:4px}}.transactions-summary span{font-family:Roboto Mono,monospace;font-size:11px;color:#555;letter-spacing:.04em;transition:color .3s ease}body.light .transactions-summary span{color:#999}.transactions-summary .summary-total{font-size:13px;color:#e2e2e2;font-weight:500}body.light .transactions-summary .summary-total{color:#1a1a1a}.summary-totals{display:flex;gap:16px}.summary-income{color:#4ade80!important}.summary-expense{color:#f87171!important}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.type-badge--income{background:#4ade8026;color:#4ade80}.type-badge--expense{background:#f8717126;color:#f87171}.amount-income{color:#4ade80;font-weight:500}.amount-expense{color:#f87171;font-weight:500}.transactions-table-card{max-width:820px;margin:14px auto 0;border-radius:10px;background:#161616;border:1px solid #222222;overflow:hidden;animation:fadeUp .4s ease both;transition:background .3s ease,border-color .3s ease}body.light .transactions-table-card{background:#fff;border-color:#e8e8e8}@media(max-width:1024px){.transactions-table-card{margin:14px 16px 0}}@media(max-width:768px){.transactions-table-card{margin:12px 14px 0;border-radius:8px}}.transactions-table{width:100%;border-collapse:collapse;font-family:Roboto,sans-serif;font-size:14px}.transactions-table thead tr{border-bottom:1px solid #222222}body.light .transactions-table thead tr{border-bottom-color:#e8e8e8}.transactions-table thead th{padding:14px 18px;text-align:left;font-family:Roboto Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#555;transition:color .3s ease}body.light .transactions-table thead th{color:#999}.transactions-table tbody tr{border-bottom:1px solid #1e1e1e;transition:background .15s ease;cursor:pointer}body.light .transactions-table tbody tr{border-bottom-color:#f0f0f0}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table tbody tr:hover{background:#1a1a1a}body.light .transactions-table tbody tr:hover{background:#f9f9f9}.transactions-table tbody td{padding:13px 18px;color:#ccc;transition:color .3s ease}body.light .transactions-table tbody td{color:#333}.transactions-table tbody td:first-child{font-family:Roboto Mono,monospace;font-size:11px;color:#444;width:40px}body.light .transactions-table tbody td:first-child{color:#bbb}.td-title{font-weight:400;color:#e2e2e2!important}body.light .td-title{color:#1a1a1a!important}.td-date{font-family:Roboto Mono,monospace;font-size:12px;color:#555!important;letter-spacing:.04em}body.light .td-date{color:#aaa!important}.td-amount{font-family:Roboto Mono,monospace;font-size:13px;font-weight:500;color:#e2e2e2!important;letter-spacing:.02em}body.light .td-amount{color:#1a1a1a!important}.td-actions{display:flex;gap:6px}.td-actions .edit-btn,.td-actions .delete-btn{font-family:Roboto Mono,monospace;font-size:11px;padding:5px 12px;border-radius:6px;cursor:pointer;letter-spacing:.04em;transition:all .15s ease}.td-actions .edit-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#888}.td-actions .edit-btn:hover{background:#252525;border-color:#3a3a3a;color:#ccc}body.light .td-actions .edit-btn{background:#f5f5f5;border-color:#e0e0e0;color:#888}body.light .td-actions .edit-btn:hover{background:#ebebeb;color:#333}.td-actions .delete-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#666}.td-actions .delete-btn:hover{background:#ff55551a;border-color:#ff55554d;color:#f55}body.light .td-actions .delete-btn{background:#f5f5f5;border-color:#e0e0e0;color:#aaa}body.light .td-actions .delete-btn:hover{background:#dc32320f;border-color:#dc323233;color:#dc3232}.transactions-empty{font-family:Roboto Mono,monospace;font-size:12px;letter-spacing:.05em;color:#444;text-align:center;padding:40px 0}body.light .transactions-empty{color:#bbb}@media(max-width:600px){.transactions-table thead{display:none}.transactions-table tbody tr{display:flex;flex-direction:column;padding:12px 16px;gap:6px;border-bottom:1px solid #1e1e1e}body.light .transactions-table tbody tr{border-bottom-color:#f0f0f0}.transactions-table tbody td{padding:0;display:block}.transactions-table tbody td:first-child{display:none}.transactions-table tbody td:before{content:attr(data-label) ": ";font-weight:500;color:#888;font-size:12px}.transactions-table tbody td:first-child:before{content:""}.transactions-table tbody td:last-child{margin-top:8px}.transactions-table tbody td:last-child:before{content:""}}@media(max-width:480px){.transactions-wrapper{padding:0 8px}.transactions-header{padding:16px 12px}.transactions-header h2{font-size:20px}.transactions-header p{font-size:14px}.transactions-filters{padding:0 8px;gap:6px}.transactions-filters input,.transactions-filters select{font-size:14px;padding:8px 12px}.transactions-summary{padding:0 8px;font-size:13px}.transactions-table-card{margin:8px 4px 0;padding:12px 8px}}.inline-edit-form{width:100%}.inline-edit-form .form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-edit-form .form-row input{flex:1;min-width:120px;padding:6px 10px;border-radius:6px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:13px;outline:none;transition:all .15s ease}body.light .inline-edit-form .form-row input{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.inline-edit-form .form-row input:focus{border-color:#555;background:#1f1f1f}body.light .inline-edit-form .form-row input:focus{border-color:#aaa;background:#fff}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.delete-confirm-dialog{background:#161616;border:1px solid #222222;border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center;animation:slideUp .3s ease}body.light .delete-confirm-dialog{background:#fff;border-color:#e8e8e8}.delete-confirm-dialog h3{color:#e2e2e2;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;margin:0 0 12px}body.light .delete-confirm-dialog h3{color:#1a1a1a}.delete-confirm-dialog p{color:#ccc;font-family:Roboto,sans-serif;font-size:14px;line-height:1.5;margin:0 0 20px}body.light .delete-confirm-dialog p{color:#555}.delete-confirm-dialog{position:relative;background:linear-gradient(145deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:28px;max-width:420px;width:90%;text-align:center;box-shadow:0 10px 40px #00000059,0 0 30px #ff5f7a14;animation:slideUp .3s ease;overflow:hidden}.delete-confirm-dialog:before{content:"";position:absolute;width:220px;height:220px;top:-100px;right:-100px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,122,.14),transparent 70%);pointer-events:none}body.light .delete-confirm-dialog{background:#ffffffeb;border-color:#0000000f;box-shadow:0 10px 30px #00000014}.delete-confirm-dialog h3{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:14px;position:relative;z-index:2}body.light .delete-confirm-dialog h3{color:#111827}.delete-confirm-dialog p{color:#a7b0c3;font-family:Inter,sans-serif;font-size:15px;line-height:1.7;margin-bottom:24px;position:relative;z-index:2}body.light .delete-confirm-dialog p{color:#4b5563}.delete-confirm-actions{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:2}@media(max-width:768px){.delete-confirm-dialog{width:calc(100% - 32px);padding:24px;border-radius:22px}.delete-confirm-dialog h3{font-size:21px}.delete-confirm-dialog p{font-size:14px}.delete-confirm-actions{flex-direction:column;gap:12px}.delete-confirm-actions button{width:100%}}@media(max-width:480px){.delete-confirm-dialog{width:calc(100% - 24px);padding:20px;border-radius:20px}.delete-confirm-dialog h3{font-size:19px}.delete-confirm-dialog p{font-size:13px;line-height:1.6}.delete-confirm-actions button{width:100%;min-height:46px;font-size:14px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-confirm-actions .cancel-btn{background:#2a2a2a;border:1px solid #444444;color:#ccc;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;transition:all .15s ease}.delete-confirm-actions .cancel-btn:hover{background:#3a3a3a;border-color:#555;color:#e2e2e2}body.light .delete-confirm-actions .cancel-btn{background:#f5f5f5;border-color:#e0e0e0;color:#666}body.light .delete-confirm-actions .cancel-btn:hover{background:#ebebeb;color:#333}.delete-confirm-actions .delete-btn{background:#dc3545;border:1px solid #dc3545;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;transition:all .15s ease}.delete-confirm-actions .delete-btn:hover{background:#c82333;border-color:#bd2130}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.transaction-details{padding:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e8e8e8}body.light .detail-row{border-bottom-color:#f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#555;font-family:Roboto Mono,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px}body.light .detail-label{color:#666}.detail-value{font-weight:600;color:#1a1a1a;font-size:16px}body.light .detail-value{color:#1a1a1a}.receipt-section{padding:4px}.receipt-title{font-family:Roboto,sans-serif;font-size:16px;font-weight:500;color:#e2e2e2;margin:0 0 16px}body.light .receipt-title{color:#1a1a1a}.receipt-preview{display:flex;flex-direction:column;gap:12px}.receipt-img{width:100%;max-height:300px;object-fit:contain;border-radius:8px;border:1px solid #2a2a2a}.receipt-pdf-link{color:#f59e0b;font-family:Roboto Mono,monospace;font-size:13px;text-decoration:none}.receipt-pdf-link:hover{text-decoration:underline}.receipt-actions{display:flex;gap:8px}.receipt-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.receipt-file-input{flex:1;min-width:200px;padding:8px 12px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-size:13px;cursor:pointer}body.light .receipt-file-input{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.receipts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.receipt-card{border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;overflow:hidden;transition:border-color .2s ease}body.light .receipt-card{background:#f9f9f9;border-color:#e0e0e0}.receipt-card:hover{border-color:#f59e0b}.receipt-card-img{width:100%;height:140px;object-fit:cover}.receipt-card-pdf{width:100%;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#111;font-size:2rem}.receipt-card-pdf p{font-size:12px;color:#666;text-align:center;padding:0 8px}.receipt-card-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.receipt-card-name{font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.receipt-card-date{font-size:11px;color:#555;font-family:Roboto Mono,monospace;margin:0}.receipt-card-actions{display:flex;gap:6px;margin-top:6px}.goals-wrapper{max-width:820px;margin:0 auto;padding-bottom:80px}.goals-form-card{max-width:820px;margin:20px auto 0;border-radius:10px;background:#161616;border:1px solid #222222;padding:24px 28px;animation:fadeUp .4s ease both;transition:background .3s ease,border-color .3s ease}body.light .goals-form-card{background:#fff;border-color:#e8e8e8}@media(max-width:1024px){.goals-form-card{margin:16px 16px 0}}@media(max-width:768px){.goals-form-card{margin:12px 14px 0;padding:18px;border-radius:8px}}.goals-form-card h3{font-size:15px;font-weight:500;color:#e2e2e2;margin-bottom:18px;transition:color .3s ease}body.light .goals-form-card h3{color:#1a1a1a}.goals-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.goals-form-row input{flex:1;min-width:140px;padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:14px;outline:none;transition:all .15s ease}body.light .goals-form-row input{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.goals-form-row input::placeholder{color:#444}body.light .goals-form-row input::placeholder{color:#bbb}.goals-form-row input:focus{border-color:#555;background:#1f1f1f}body.light .goals-form-row input:focus{border-color:#aaa;background:#fff}.goals-form-row input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}body.light .goals-form-row input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3)}.goals-form-row .primary-btn,.goals-form-row .cancel-btn{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:10px 24px;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.goals-form-row .primary-btn{border:none;background:#e8c547;color:#0f0f0f;box-shadow:0 0 28px #e8c54740}.goals-form-row .primary-btn:hover{background:#f5d253;box-shadow:0 0 44px #e8c54766;transform:translateY(-1px)}.goals-form-row .cancel-btn{background:none;border:1px solid #E8C547;color:#e8c547;font-weight:500;font-size:13px;padding:10px 20px}.goals-form-row .cancel-btn:hover{background:#e8c5471a;border-color:#f5d253;color:#f5d253}@media(max-width:768px){.goals-form-row{flex-direction:column;gap:8px}.goals-form-row input,.goals-form-row .primary-btn,.goals-form-row .cancel-btn{width:100%;min-width:100%}}.goals-list{max-width:820px;margin:16px auto 0;display:flex;flex-direction:column;gap:12px}@media(max-width:1024px){.goals-list{margin:14px 16px 0}}@media(max-width:768px){.goals-list{margin:12px 14px 0}}.goal-card{border-radius:10px;background:#161616;border:1px solid #222222;padding:20px 24px;animation:fadeUp .4s ease both;transition:background .3s ease,border-color .3s ease}body.light .goal-card{background:#fff;border-color:#e8e8e8}.goal-card:hover{border-color:#2e2e2e}body.light .goal-card:hover{border-color:#d0d0d0}@media(max-width:768px){.goal-card{border-radius:8px;padding:16px 18px}}@media(max-width:480px){.goals-wrapper{padding:0 8px}.goals-form-card{margin:12px 4px 0;padding:16px 12px}.goals-form-card h3{font-size:14px;margin-bottom:14px}.goal-card{padding:14px 16px}.goal-name{font-size:14px}.goal-deadline-badge{font-size:9px;padding:2px 8px}.goal-progress-pct{font-size:11px}.goal-amounts{font-size:12px}.goal-meta{font-size:11px}}.goal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;gap:12px}.goal-name{font-size:15px;font-weight:500;color:#e2e2e2;transition:color .3s ease}body.light .goal-name{color:#1a1a1a}.goal-deadline-badge{font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.05em;padding:3px 10px;border-radius:20px;background:#1e1e1e;border:1px solid #2e2e2e;color:#888;white-space:nowrap;flex-shrink:0;transition:all .3s ease}body.light .goal-deadline-badge{background:#f5f5f5;border-color:#e0e0e0;color:#888}.goal-deadline-badge.overdue{background:#ff55551a;border-color:#ff55554d;color:#f55}.goal-deadline-badge.due-soon{background:#e8c5471a;border-color:#e8c5474d;color:#e8c547}.goal-progress-track{width:100%;height:5px;background:#222;border-radius:100px;overflow:hidden;margin-bottom:10px;transition:background .3s ease}body.light .goal-progress-track{background:#eee}.goal-progress-fill{height:100%;border-radius:100px;background:#e8c547;transition:width .6s ease}.goal-progress-fill.complete{background:#4caf50}.goal-progress-pct{font-family:Roboto Mono,monospace;font-size:10px;color:#555;letter-spacing:.06em;margin-bottom:12px;transition:color .3s ease}body.light .goal-progress-pct{color:#aaa}.goal-amounts{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.goal-amounts span{font-family:Roboto Mono,monospace;font-size:11px;color:#555;letter-spacing:.04em;transition:color .3s ease}body.light .goal-amounts span{color:#999}.goal-amounts .amount-value{color:#ccc;font-weight:500}body.light .goal-amounts .amount-value{color:#333}.goal-reached{font-family:Roboto Mono,monospace;font-size:11px;color:#4caf50;letter-spacing:.05em;margin-bottom:14px}.goal-meta{font-family:Roboto Mono,monospace;font-size:10px;color:#3a3a3a;letter-spacing:.04em;margin-bottom:14px;transition:color .3s ease}body.light .goal-meta{color:#ccc}.goal-actions{display:flex;gap:6px}.goal-actions .edit-btn,.goal-actions .delete-btn{font-family:Roboto Mono,monospace;font-size:11px;padding:5px 14px;border-radius:6px;cursor:pointer;letter-spacing:.04em;transition:all .15s ease}.goal-actions .edit-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#888}.goal-actions .edit-btn:hover{background:#252525;border-color:#3a3a3a;color:#ccc}body.light .goal-actions .edit-btn{background:#f5f5f5;border-color:#e0e0e0;color:#888}body.light .goal-actions .edit-btn:hover{background:#ebebeb;color:#333}.goal-actions .delete-btn{background:#1e1e1e;border:1px solid #2e2e2e;color:#666}.goal-actions .delete-btn:hover{background:#ff55551a;border-color:#ff55554d;color:#f55}body.light .goal-actions .delete-btn{background:#f5f5f5;border-color:#e0e0e0;color:#aaa}body.light .goal-actions .delete-btn:hover{background:#dc32320f;border-color:#dc323233;color:#dc3232}.goals-empty{font-family:Roboto Mono,monospace;font-size:12px;letter-spacing:.05em;color:#444;text-align:center;padding:40px 0;max-width:820px;margin:20px auto 0}body.light .goals-empty{color:#bbb}@media(max-width:768px){.goals-wrapper{padding:0 12px 70px}.goal-card{padding:16px;border-radius:12px}.goal-top{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.goal-name{font-size:14px;line-height:1.4}.goal-deadline-badge{align-self:flex-start;font-size:9px;padding:3px 8px}.goal-progress-track{height:6px;margin-bottom:8px}.goal-progress-pct{font-size:10px;margin-bottom:10px}.goal-amounts{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}.goal-amounts span{font-size:10px}.goal-meta{font-size:9px;line-height:1.4;margin-bottom:12px}.goal-actions{display:flex;gap:8px}.goal-actions .edit-btn,.goal-actions .delete-btn{flex:1;padding:9px 10px;font-size:11px}.goals-form-row{flex-direction:column;gap:10px}.goals-form-row input,.goals-form-row button{width:100%}}.analytics-page{padding:16px;max-width:1100px;margin:0 auto;box-sizing:border-box}.analytics-header{margin-bottom:20px}.analytics-header h1{font-family:Playfair Display,serif;font-size:22px;font-weight:900;color:#eef0f6;margin-bottom:4px;line-height:1.2}.analytics-header p{font-size:12px;color:#6b6c7e}.analytics-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:12px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#6b6c7e;font-size:13px}.loading-spinner{width:26px;height:26px;border:2px solid rgba(232,197,71,.2);border-top-color:#e8c547;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analytics-grid{display:grid;grid-template-columns:1fr;gap:14px}.chart-card{grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;box-sizing:border-box;min-width:0}.chart-card--half{grid-column:1 / -1}.chart-card-header{margin-bottom:16px}.chart-card-header h2{font-size:14px;font-weight:600;color:#eef0f6;margin-bottom:3px}.chart-card-header p{font-size:11px;color:#6b6c7e}.summary-stats{display:flex;flex-direction:column;gap:0;padding-top:4px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:12px;color:#6b6c7e}.stat-value{font-size:14px;font-weight:600;color:#eef0f6;font-family:DM Mono,monospace}.stat-value--income{color:#22c55e}.stat-value--expense{color:#ef4444}.stat-value--savings{color:#e8c547}@media(max-width:359px){.analytics-page{padding:12px 10px}.analytics-header h1{font-size:19px}.chart-card{padding:12px;border-radius:11px}.chart-card-header h2{font-size:13px}.stat-value{font-size:12px}}@media(min-width:480px){.analytics-page{padding:20px}.analytics-header h1{font-size:24px}.analytics-header p{font-size:13px}.chart-card{padding:20px;border-radius:15px}.chart-card-header h2{font-size:15px}.chart-card-header p{font-size:12px}.stat-label{font-size:13px}.stat-value{font-size:14px}}@media(min-width:640px){.analytics-grid{grid-template-columns:1fr 1fr;gap:16px}.chart-card{grid-column:1 / -1}.chart-card--half{grid-column:span 1}}@media(min-width:768px){.analytics-page{padding:24px}.analytics-header{margin-bottom:24px}.analytics-header h1{font-size:26px}.analytics-grid{gap:18px}.chart-card{padding:22px;border-radius:16px}.analytics-loading{padding:80px 0}.loading-spinner{width:28px;height:28px}}@media(min-width:1024px){.analytics-page{padding:32px 24px}.analytics-header{margin-bottom:28px}.analytics-header h1{font-size:28px}.analytics-grid{gap:20px}.chart-card{padding:24px}.chart-card-header{margin-bottom:20px}.chart-card-header h2{font-size:16px}.stat-item{padding:14px 0}.stat-value{font-size:15px}}@media(min-width:1280px){.analytics-page{padding:40px 32px}.analytics-header h1{font-size:30px}.analytics-grid{gap:24px}.chart-card{padding:28px;border-radius:18px}}:root{--ea-bg: #0d0f14;--ea-surface: #13161e;--ea-surface-2: #1a1e28;--ea-border: rgba(255,255,255,.07);--ea-accent: #6ee7b7;--ea-accent-2: #38bdf8;--ea-danger: #f87171;--ea-text: #e8eaf0;--ea-muted: #5a6178;--ea-font-head: "Syne", sans-serif;--ea-font-mono: "DM Mono", monospace;--ea-radius: 14px;--ea-radius-sm: 8px;--ea-shadow: 0 4px 24px rgba(0,0,0,.4)}.ea-xp-badge{background:#f59e0b1a;border-radius:10px;padding:8px 16px;text-align:center;min-width:80px;margin-left:20px}.ea-xp-badge-label{display:block;font-size:11px;color:#f59e0b;letter-spacing:.06em;margin-bottom:2px}.ea-xp-badge-value{font-size:20px;font-weight:500;color:#f59e0b}.ea-locked-card{background:var(--ea-surface);border:1px solid #2e3250;border-radius:14px;padding:32px 28px;text-align:center;margin-bottom:16px;margin-left:20px;margin-right:20px}.ea-lock-icon{width:56px;height:56px;background:#1a1f2e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px}.ea-locked-title{font-size:18px;font-weight:500;color:#e8eaf0;margin:0 0 6px}.ea-locked-sub{font-size:13px;color:#7a8099;line-height:1.6;margin:0 0 24px}.ea-xp-bar-track{background:#1a1f2e;border-radius:99px;height:8px;max-width:380px;margin:0 auto 10px;overflow:hidden}.ea-xp-bar-fill{background:#f59e0b;height:100%;border-radius:99px;transition:width .6s ease}.ea-xp-progress{font-size:13px;color:#f59e0b;margin:0 0 24px!important}.ea-locked-card hr{border:none;border-top:1px solid #2e3250;margin:0 0 20px}.ea-tips-label{font-size:11px;color:#4a5070;letter-spacing:.06em;margin:0 0 12px}.ea-xp-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:480px;margin:0 auto;text-align:left}.ea-xp-tip{background:#1a1f2e;border-radius:8px;padding:12px 14px}.ea-xp-tip span{display:block;font-size:12px;color:#7a8099;margin-bottom:4px}.ea-xp-tip strong{font-size:14px;color:#3f0}.ea-xp-tip strong.bonus{color:#f59e0b}.ea-locked-preview{opacity:.18;filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.ea-wrapper{padding:0 0 3rem;max-width:900px;margin:0 auto;font-family:var(--ea-font-mono);color:var(--ea-text);animation:ea-fade-in .4s ease}@keyframes ea-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ea-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.ea-title{font-family:var(--ea-font-head);font-size:1.75rem;font-weight:800;margin:0 0 .25rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--ea-text) 40%,var(--ea-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:20px;margin-top:20px}.ea-subtitle{font-size:.8rem;color:var(--ea-muted);margin:10px 0 0 20px}.ea-unlocked-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:#6ee7b71a;border:1px solid rgba(110,231,183,.25);color:var(--ea-accent);font-size:.75rem;font-weight:500;white-space:nowrap}.ea-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.ea-stat-box{background:var(--ea-surface);border:1px solid var(--ea-border);border-radius:var(--ea-radius);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s,transform .2s}.ea-stat-box:hover{border-color:#6ee7b733;transform:translateY(-2px)}.ea-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ea-muted)}.ea-stat-value{font-family:var(--ea-font-head);font-size:1.4rem;font-weight:700;color:var(--ea-text);letter-spacing:-.02em}.ea-card{background:var(--ea-surface);border:1px solid var(--ea-border);border-radius:var(--ea-radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--ea-shadow)}.ea-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.ea-card-header h3{margin:0;font-family:var(--ea-font-head);font-size:1rem;font-weight:700;letter-spacing:-.01em}.ea-select{background:var(--ea-surface-2);border:1px solid var(--ea-border);border-radius:var(--ea-radius-sm);color:var(--ea-text);font-family:var(--ea-font-mono);font-size:.8rem;padding:.3rem .7rem;cursor:pointer;outline:none}.ea-select:focus{border-color:var(--ea-accent)}.ea-bar-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding:0 4px}.ea-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;position:relative}.ea-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end}.ea-bar{width:100%;background:linear-gradient(to top,var(--ea-accent),rgba(110,231,183,.3));border-radius:4px 4px 0 0;min-height:3px;position:relative;transition:height .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.ea-bar:hover{background:linear-gradient(to top,var(--ea-accent-2),rgba(56,189,248,.3))}.ea-bar-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--ea-surface-2);border:1px solid var(--ea-border);border-radius:6px;padding:.25rem .5rem;font-size:.65rem;white-space:nowrap;z-index:10;pointer-events:none}.ea-bar:hover .ea-bar-tooltip{display:block}.ea-bar-label{font-size:.65rem;color:var(--ea-muted);text-align:center}.ea-cat-list{display:flex;flex-direction:column;gap:1rem}.ea-cat-meta{display:flex;justify-content:space-between;margin-bottom:.4rem}.ea-cat-name{font-size:.82rem;color:var(--ea-text)}.ea-cat-val{font-size:.82rem;color:var(--ea-muted)}.ea-cat-track{height:5px;background:var(--ea-surface-2);border-radius:999px;overflow:hidden}.ea-cat-fill{height:100%;border-radius:999px;animation:ea-bar-grow .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes ea-bar-grow{0%{width:0!important}}.ea-pie-container{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.ea-pie-wrap{flex:0 0 auto;width:200px;height:200px;position:relative}.ea-pie-svg{width:100%;height:100%;display:block;animation:ea-pie-spin-in .7s cubic-bezier(.34,1.2,.64,1) both;transform-origin:center}@keyframes ea-pie-spin-in{0%{opacity:0;transform:scale(.75) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.ea-pie-legend{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.55rem}.ea-pie-legend-item{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:.55rem;cursor:default;padding:.35rem .5rem;border-radius:6px;transition:background .15s,opacity .2s}.ea-pie-legend-item:hover{background:var(--ea-surface-2)}.ea-pie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ea-pie-legend-name{font-size:.8rem;color:var(--ea-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ea-pie-legend-pct{font-size:.75rem;color:var(--ea-muted);min-width:38px;text-align:right}.ea-pie-legend-val{font-size:.75rem;font-weight:600;color:var(--ea-text);min-width:70px;text-align:right}.ea-top-list{display:flex;flex-direction:column;gap:.75rem}.ea-top-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--ea-surface-2);border-radius:var(--ea-radius-sm);border:1px solid var(--ea-border);transition:border-color .2s,transform .15s}.ea-top-item:hover{border-color:#6ee7b733;transform:translate(3px)}.ea-top-rank{font-family:var(--ea-font-head);font-size:.75rem;font-weight:700;color:var(--ea-accent);min-width:26px}.ea-top-info{flex:1;display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.ea-top-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ea-top-cat{font-size:.7rem;color:var(--ea-muted)}.ea-top-amount{font-family:var(--ea-font-head);font-size:.95rem;font-weight:700;color:var(--ea-text);white-space:nowrap}.ea-empty{text-align:center;color:var(--ea-muted);font-size:.82rem;padding:1rem 0}.ea-locked-card{margin-top:2rem;background:var(--ea-surface);border:1px solid var(--ea-border);border-radius:20px;padding:3rem 2rem 2.5rem;text-align:center;position:relative;overflow:hidden}.ea-locked-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.ea-locked-orb{position:relative;width:90px;height:90px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.ea-lock-icon{font-size:2.2rem;position:relative;z-index:2;filter:drop-shadow(0 0 12px rgba(248,113,113,.6))}.ea-orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(248,113,113,.25);animation:ea-pulse-ring 2.5s ease-out infinite}.ea-orb-ring--2{inset:-12px;border-color:#f8717126;animation-delay:.5s}.ea-orb-ring--3{inset:-24px;border-color:#f8717114;animation-delay:1s}@keyframes ea-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.ea-locked-title{font-family:var(--ea-font-head);font-size:1.6rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.03em}.ea-locked-sub{color:var(--ea-muted);font-size:.85rem;margin:0 0 2rem}.ea-locked-sub strong{color:var(--ea-accent)}.ea-xp-track{max-width:380px;margin:0 auto 2rem}.ea-xp-bar{height:8px;background:var(--ea-surface-2);border-radius:999px;overflow:visible;position:relative;border:1px solid var(--ea-border)}.ea-xp-fill{height:100%;background:linear-gradient(90deg,var(--ea-accent),var(--ea-accent-2));border-radius:999px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.ea-xp-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--ea-accent);box-shadow:0 0 10px var(--ea-accent),0 0 20px #6ee7b766;pointer-events:none}.ea-xp-labels{display:flex;justify-content:space-between;margin-top:.6rem;font-size:.75rem}.ea-xp-current{color:var(--ea-accent);font-weight:500}.ea-xp-needed{color:var(--ea-muted)}.ea-perks{background:var(--ea-surface-2);border:1px solid var(--ea-border);border-radius:var(--ea-radius);padding:1.25rem 1.5rem;max-width:380px;margin:0 auto 1.5rem;text-align:left}.ea-perks-title{font-family:var(--ea-font-head);font-size:.8rem;font-weight:700;color:var(--ea-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .9rem}.ea-perks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.ea-perks-list li{font-size:.85rem;color:var(--ea-text);display:flex;align-items:center;gap:.6rem}.ea-perk-icon{font-size:1rem}.ea-hint{color:var(--ea-muted);font-size:.75rem;margin:0}body.light .ea-locked-card,body.light .ea-card,body.light .ea-stat-box{background:#fff;border-color:#00000014}body.light .ea-title{background:linear-gradient(135deg,#111 40%,#059669);-webkit-background-clip:text;background-clip:text}body.light .ea-stat-value,body.light .ea-locked-title,body.light .ea-top-title,body.light .ea-cat-name,body.light .ea-pie-legend-name,body.light .ea-pie-legend-val{color:#111}body.light .ea-top-item,body.light .ea-perks,body.light .ea-pie-legend-item:hover{background:#f4f5f7}body.light .ea-cat-track,body.light .ea-xp-bar{background:#e8eaed}body.light .ea-select{background:#f4f5f7;color:#111;border-color:#0000001a}body.light .ea-pie-svg text{fill:#333!important}body.light .ea-pie-svg circle{fill:#fff!important}@media(max-width:600px){.ea-bar-chart{height:100px;gap:3px}.ea-bar-label{font-size:.55rem}.ea-stats{grid-template-columns:repeat(2,1fr)}.ea-locked-card{padding:2rem 1.25rem}.ea-title{font-size:1.4rem}.ea-pie-wrap{width:160px;height:160px}.ea-pie-container{gap:1rem}.ea-pie-legend-val{display:none}}.settings-wrapper{max-width:820px;margin:0 auto;padding-bottom:80px}.settings-card{max-width:820px;margin:20px auto 0;border-radius:10px;background:#161616;border:1px solid #222222;padding:24px 28px;animation:fadeUp .4s ease both;transition:background .3s ease,border-color .3s ease}body.light .settings-card{background:#fff;border-color:#e8e8e8}@media(max-width:1024px){.settings-card{margin:16px 16px 0}}@media(max-width:768px){.settings-card{margin:12px 14px 0;padding:18px;border-radius:8px}}.settings-card:nth-of-type(2){animation-delay:.05s}.settings-card:nth-of-type(3){animation-delay:.1s}.settings-card:nth-of-type(4){animation-delay:.15s}.settings-card h3{font-size:15px;font-weight:500;color:#e2e2e2;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #1e1e1e;letter-spacing:0;transition:color .3s ease,border-color .3s ease}body.light .settings-card h3{color:#1a1a1a;border-bottom-color:#f0f0f0}.settings-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-field:last-of-type{margin-bottom:0}.settings-field label{font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#555;transition:color .3s ease}body.light .settings-field label{color:#999}.settings-field input{padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:14px;outline:none;transition:all .15s ease;max-width:480px}body.light .settings-field input{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.settings-field input::placeholder{color:#444}body.light .settings-field input::placeholder{color:#bbb}.settings-field input:focus{border-color:#555;background:#1f1f1f}body.light .settings-field input:focus{border-color:#aaa;background:#fff}.settings-field input[type=password]{font-family:Roboto Mono,monospace;letter-spacing:.1em}.settings-msg{font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.04em;margin-top:12px;padding:10px 14px;border-radius:8px;background:#e8c54714;border:1px solid rgba(232,197,71,.2);color:#e8c547;transition:all .3s ease}.settings-msg.error{background:#ff555514;border-color:#f553;color:#f55}.settings-btn{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:10px 24px;border-radius:8px;border:none;background:#e8c547;color:#0f0f0f;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-shadow:0 0 28px #e8c54740;margin-top:18px}.settings-btn:hover{background:#f5d253;box-shadow:0 0 44px #e8c54766;transform:translateY(-1px)}.settings-btn:active{transform:translateY(0)}.settings-data-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #1e1e1e;gap:16px;flex-wrap:wrap;transition:border-color .3s ease}body.light .settings-data-row{border-bottom-color:#f0f0f0}.settings-data-row:last-child{border-bottom:none;padding-bottom:0}.settings-data-row p{font-size:13px;color:#888;flex:1;transition:color .3s ease}body.light .settings-data-row p{color:#777}.settings-outline-btn{font-family:Roboto Mono,monospace;font-size:11px;font-weight:500;padding:8px 18px;border-radius:8px;border:1px solid #2a2a2a;background:none;color:#888;cursor:pointer;letter-spacing:.04em;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.settings-outline-btn:hover{background:#1e1e1e;border-color:#3a3a3a;color:#ccc}body.light .settings-outline-btn{border-color:#e0e0e0;color:#aaa}body.light .settings-outline-btn:hover{background:#f5f5f5;color:#333}.settings-card.danger .settings-data-row:last-child .settings-outline-btn{border-color:#ff55554d;color:#f55;background:#ff55550d}.settings-card.danger .settings-data-row:last-child .settings-outline-btn:hover{background:#ff55551f;border-color:#ff555580}.settings-delete-confirm{display:flex;flex-direction:column;gap:10px}.settings-delete-confirm p{font-family:Roboto Mono,monospace;font-size:11px;color:#f55;letter-spacing:.04em}.settings-delete-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-confirm-btn{font-family:Roboto Mono,monospace;font-size:11px;padding:8px 18px;border-radius:8px;cursor:pointer;letter-spacing:.04em;transition:all .15s ease;white-space:nowrap}.settings-confirm-btn.confirm-delete{background:#ff55551a;border:1px solid rgba(255,85,85,.3);color:#f55}.settings-confirm-btn.confirm-delete:hover{background:#f553;border-color:#f55}.settings-confirm-btn.confirm-cancel{background:#1e1e1e;border:1px solid #2e2e2e;color:#888}.settings-confirm-btn.confirm-cancel:hover{background:#252525;border-color:#3a3a3a;color:#ccc}body.light .settings-confirm-btn.confirm-cancel{background:#f5f5f5;border-color:#e0e0e0;color:#888}body.light .settings-confirm-btn.confirm-cancel:hover{background:#ebebeb;color:#333}@media(max-width:480px){.settings-wrapper{padding:0 8px}.settings-card{margin:12px 4px 0;padding:16px 12px}.settings-card h3{font-size:14px;margin-bottom:16px}.settings-field{margin-bottom:14px}.settings-field label{font-size:9px}.settings-field input{font-size:13px;padding:8px 12px}.settings-btn{font-size:13px;padding:8px 20px}.settings-data-row{padding:12px 0;flex-direction:column;align-items:flex-start;gap:8px}.settings-data-row p{font-size:12px}.settings-outline-btn{font-size:10px;padding:6px 14px}.settings-delete-confirm{gap:8px}.settings-delete-confirm p{font-size:10px}.settings-confirm-btn{font-size:10px;padding:6px 14px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-card.overview{background:linear-gradient(135deg,#e8c54714,#e8c5470a);border-color:#e8c54733}body.light .settings-card.overview{background:linear-gradient(135deg,#e8c5470f,#e8c54705);border-color:#e8c54726}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h3{margin:0;border:none;padding:0}.user-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e8c547,#d4af37);display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:24px;font-weight:500;color:#0f0f0f;box-shadow:0 4px 20px #e8c5474d}.account-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#888;transition:color .3s ease}body.light .stat-label{color:#666}.stat-value{font-size:18px;font-weight:500;color:#e2e2e2;transition:color .3s ease}body.light .stat-value{color:#1a1a1a}.settings-field select{padding:10px 14px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#e2e2e2;font-family:Roboto,sans-serif;font-size:14px;outline:none;transition:all .15s ease;max-width:480px;cursor:pointer}body.light .settings-field select{background:#f9f9f9;border-color:#e0e0e0;color:#1a1a1a}.settings-field select:focus{border-color:#555;background:#1f1f1f}body.light .settings-field select:focus{border-color:#aaa;background:#fff}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #1e1e1e;transition:border-color .3s ease}body.light .settings-toggle{border-bottom-color:#f0f0f0}.settings-toggle:last-child{border-bottom:none;padding-bottom:0}.toggle-content{flex:1}.toggle-content span{display:block;font-size:14px;font-weight:500;color:#e2e2e2;margin-bottom:2px;transition:color .3s ease}body.light .toggle-content span{color:#1a1a1a}.toggle-description{font-size:12px;color:#888;transition:color .3s ease}body.light .toggle-description{color:#666}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#2a2a2a;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#888;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#e8c547}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:#0f0f0f}.data-info{flex:1}.data-title{display:block;font-size:14px;font-weight:500;color:#e2e2e2;margin-bottom:2px;transition:color .3s ease}body.light .data-title{color:#1a1a1a}.data-description{font-size:12px;color:#888;transition:color .3s ease}body.light .data-description{color:#666}.settings-outline-btn.warning{border-color:#ffc1074d;color:#ffc107;background:#ffc1070d}.settings-outline-btn.warning:hover{background:#ffc1071f;border-color:#ffc10780}.settings-outline-btn.danger{border-color:#ff55554d;color:#f55;background:#ff55550d}.settings-outline-btn.danger:hover{background:#ff55551f;border-color:#ff555580}.settings-msg.success{background:#28a74514;border-color:#28a74533;color:#28a745}.settings-btn.primary{background:#e8c547;color:#0f0f0f}.settings-btn.primary:hover{background:#f5d253}.settings-btn.danger{background:#dc3545;color:#fff;box-shadow:0 0 28px #dc354540}.settings-btn.danger:hover{background:#c82333;box-shadow:0 0 44px #dc354566}.confirm-message{font-size:13px!important;color:#ff6b6b!important;margin-bottom:8px}.confirm-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1024px){.account-stats{grid-template-columns:1fr}.settings-header{flex-direction:column;gap:16px;align-items:flex-start}.user-avatar-large{width:50px;height:50px;font-size:20px}}@media(max-width:768px){.settings-card.overview{padding:20px}.settings-header{flex-direction:row;gap:16px;align-items:center}.settings-header h3{font-size:16px}.user-avatar-large{width:48px;height:48px;font-size:18px}.account-stats{grid-template-columns:1fr;gap:12px}.stat-value{font-size:16px}.settings-toggle{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.toggle-switch{align-self:flex-end}.data-info{width:100%}.settings-data-row{flex-direction:column;align-items:stretch;gap:12px}.settings-outline-btn{align-self:flex-start}.confirm-actions{flex-direction:column}.confirm-actions .settings-btn,.confirm-actions .settings-outline-btn{width:100%}}@media(max-width:480px){.settings-card.overview{padding:16px}.settings-header h3{font-size:15px}.user-avatar-large{width:40px;height:40px;font-size:16px}.stat-value{font-size:14px}.settings-field select{font-size:13px;padding:8px 12px}.toggle-content span{font-size:13px}.toggle-description{font-size:11px}.data-title{font-size:13px}.data-description{font-size:11px}}