body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:var(--bg);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;padding:20px 48px;position:relative;z-index:1}.navbar-brand{color:var(--text-primary);font-size:22px;font-weight:500;letter-spacing:-.3px;text-decoration:none;white-space:nowrap}.navbar-divider{background-color:var(--border);flex-shrink:0;height:28px;margin:0 24px;width:1px}.navbar-links{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.navbar-link{border-radius:6px;color:var(--nav-link);font-size:15px;padding:6px 16px;text-decoration:none;transition:color .2s}.navbar-link.active,.navbar-link:hover{color:var(--text-primary)}.navbar-username{cursor:default}.navbar-logout-btn{align-items:center;display:inline-flex;font-family:inherit;font-size:15px;height:100%;padding:6px 16px}.navbar-logout-btn,.navbar-sidebar-toggle{background:none;border:none;cursor:pointer}.navbar-sidebar-toggle{color:var(--text-primary);display:none;margin-left:auto;padding:4px}.navbar-sidebar-toggle .material-symbols-outlined{font-size:28px}@media (max-width:768px){.navbar{padding:16px 24px}.navbar-divider,.navbar-links{display:none}.navbar-sidebar-toggle{display:flex}}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border);flex-shrink:0;width:240px}.sidebar,.sidebar-nav{display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav{flex:1 1;justify-content:space-between;padding:16px 12px}.sidebar-links{display:flex;flex-direction:column;gap:4px;list-style:none}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.sidebar-top-section{display:none}.sidebar-app-section{padding-top:0}.sidebar-header{display:none}.sidebar-brand{color:var(--text-primary);font-size:20px;font-weight:500;letter-spacing:-.3px;text-decoration:none;white-space:nowrap}.sidebar-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;margin-left:auto;padding:4px}.sidebar-close .material-symbols-outlined{font-size:26px}.sidebar-link{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:12px;padding:10px 16px;text-decoration:none;transition:background-color .15s,color .15s;width:100%}.sidebar-link:hover{background-color:color-mix(in srgb,var(--text-primary) 8%,#0000);color:var(--text-primary)}.sidebar-link.active{background-color:color-mix(in srgb,var(--text-primary) 12%,#0000);color:var(--text-primary);font-weight:500}.sidebar-icon{font-size:20px}.sidebar-icon--svg{fill:currentColor;height:20px;width:20px}.sidebar-label{font-size:14px}.sidebar-overlay{display:none}@media (min-width:769px){.sidebar.sidebar--unauth{display:none}}@media (max-width:768px){.sidebar{border-left:1px solid var(--border);border-right:none;height:100%;left:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:280px;z-index:1000}.sidebar.sidebar--open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:calc(env(safe-area-inset-top) + 16px) 16px 12px}.sidebar-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.sidebar-top-section{border-bottom:1px solid var(--border);display:flex;margin-bottom:8px;padding-bottom:12px}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:999}.sidebar-overlay.sidebar-overlay--visible{opacity:1;pointer-events:auto;visibility:visible}}.sidebar-upgrade-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.sidebar-upgrade-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-width:380px;padding:32px;position:relative;text-align:center;width:100%}.sidebar-upgrade-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:12px}.sidebar-upgrade-close:hover{color:var(--text-primary)}.sidebar-upgrade-icon{color:#ff9800;font-size:48px;margin-bottom:16px}.sidebar-upgrade-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:10px}.sidebar-upgrade-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.footer{align-items:center;background-color:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 48px}.footer-copy{color:var(--text-muted);font-size:13px}.footer-links{align-items:center;display:flex;gap:10px}.footer-link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.footer-sep{color:var(--border);font-size:13px}@media (max-width:768px){.footer{flex-direction:column;gap:12px;padding:20px 24px;text-align:center}}@keyframes skel-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel-page{display:flex;justify-content:center;padding:64px 24px 100px}.skel-container{gap:24px;max-width:960px;width:100%}.skel-container,.skel-header{display:flex;flex-direction:column}.skel-header{gap:0}.skel-line{animation:skel-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2a2a 25%,color-mix(in srgb,#888 15%,#0000) 50%,#2a2a2a 75%);background:linear-gradient(90deg,var(--bg-surface,#2a2a2a) 25%,color-mix(in srgb,var(--text-secondary,#888) 15%,#0000) 50%,var(--bg-surface,#2a2a2a) 75%);background-size:800px 100%;border-radius:6px}.skel-w80{width:80px}.skel-w120{width:120px}.skel-w160{width:160px}.skel-w200{width:200px}.skel-flex{flex:1 1}.skel-h12{height:12px}.skel-h14{height:14px}.skel-h16{height:16px}.skel-h24{height:24px}.skel-h28{height:28px}.skel-circle{animation:skel-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2a2a 25%,color-mix(in srgb,#888 15%,#0000) 50%,#2a2a2a 75%);background:linear-gradient(90deg,var(--bg-surface,#2a2a2a) 25%,color-mix(in srgb,var(--text-secondary,#888) 15%,#0000) 50%,var(--bg-surface,#2a2a2a) 75%);background-size:800px 100%;border-radius:8px}.skel-36{height:36px;width:36px}.skel-card{background:#1e1e1e;background:var(--bg-surface,#1e1e1e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:14px;overflow:hidden;padding:4px 0}.skel-row{padding:14px 16px}.skel-month-nav,.skel-row{align-items:center;display:flex;gap:16px}.skel-month-nav{justify-content:center}.skel-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.skel-summary-card{display:flex;flex-direction:column;gap:10px;padding:20px!important}.skel-grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.skel-section{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.skel-grid-2,.skel-summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.skel-page{padding:32px 16px 80px}}.home{flex-direction:column}.beta-banner,.home{align-items:center;display:flex}.beta-banner{background:#ff9800;box-sizing:border-box;color:#fff;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 24px;text-align:center;width:100%}.beta-banner-icon{font-size:16px}.hero{align-items:center;background:var(--bg);display:flex;flex-direction:column;padding:100px 24px 80px;text-align:center;width:100%}.hero-eyebrow{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.hero-title{color:var(--text-primary);font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:40px;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-btn{border-radius:10px;display:inline-block;font-size:15px;font-weight:600;padding:14px 32px;text-decoration:none;transition:opacity .2s}.hero-btn:hover{opacity:.8}.hero-btn.primary{align-items:center;background-color:var(--text-primary);color:var(--bg);display:inline-flex;gap:6px}.hero-btn.secondary{background-color:initial;border:1.5px solid var(--border);color:var(--text-primary)}.hero-btn.not-available{align-items:center;background-color:initial;border:1.5px solid #ef5350;color:#ef5350;cursor:default;display:inline-flex;gap:6px;opacity:.85}.hero-btn.not-available:hover{opacity:.85}.hero-btn-icon{font-size:16px}.features{align-items:center;display:flex;flex-direction:column;max-width:1100px;padding:80px 24px;width:100%}.features-title{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:48px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);width:100%}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:32px 28px;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 4px 24px #0000000f}.feature-icon{color:var(--text-primary);font-size:32px;line-height:1}.feature-icon--svg{fill:currentColor;height:32px;width:32px}.feature-label{color:var(--text-primary);font-size:17px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.graphs-section{background:var(--bg-surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border);gap:56px;padding:80px 24px;width:100%}.graphs-header,.graphs-section{align-items:center;display:flex;flex-direction:column}.graphs-header{gap:16px;max-width:600px;text-align:center}.graphs-title{color:var(--text-primary);font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-2px;line-height:1.1}.graphs-subtitle{color:var(--text-secondary);font-size:17px;line-height:1.7}.graphs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);max-width:1100px;width:100%}.graph-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:32px 28px}.graph-icon{color:var(--text-primary);font-size:36px}.graph-card-title{color:var(--text-primary);font-size:17px;font-weight:600}.graph-card-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}@media (max-width:768px){.graphs-grid{grid-template-columns:1fr}.graphs-title{letter-spacing:-1px}}.colors-section{align-items:center;display:flex;flex-direction:column;max-width:1100px;padding:0 24px 80px;text-align:center;width:100%}.colors-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:36px;margin-top:-32px;max-width:480px}.colors-swatch-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.color-swatch{border:none;border-radius:50%;cursor:pointer;height:40px;outline:2px solid #0000;outline-offset:3px;transition:transform .15s,box-shadow .15s;width:40px}.color-swatch-selected{box-shadow:0 4px 16px #00000040;outline-color:var(--text-primary)!important;outline-width:2.5px;transform:scale(1.25)}.color-swatch:hover{box-shadow:0 4px 16px #00000040;outline-color:var(--border);transform:scale(1.15)}.nav-section{align-items:center;display:flex;gap:80px;max-width:1100px;padding:80px 24px;width:100%}.nav-section-text{display:flex;flex:1 1;flex-direction:column;gap:16px}.nav-title{color:var(--text-primary);font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-1.5px;line-height:1.1}.nav-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:400px}.nav-menu-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.nav-menu-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:16px 24px;transition:background .15s}.nav-menu-item:last-child{border-bottom:none}.nav-menu-item:hover{background:var(--bg)}.nav-menu-icon{color:var(--text-secondary);font-size:22px}.nav-menu-icon--svg{fill:currentColor;color:var(--text-secondary);height:22px;width:22px}.nav-menu-label{color:var(--text-primary);font-size:15px;font-weight:500}@media (max-width:768px){.nav-section{flex-direction:column;gap:40px}.nav-menu-preview{width:100%}}.cloud-section{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:20px;padding:100px 24px;text-align:center;width:100%}.cloud-badge{background:#9c27b059;border:1px solid #9c27b080;border-radius:100px;color:#ce93d8;display:inline-block;font-size:13px;font-weight:600;letter-spacing:1px;padding:6px 18px;text-transform:uppercase}.cloud-title{color:var(--text-primary);font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-2px;line-height:1.1}.cloud-subtitle{color:var(--text-secondary);font-size:17px;line-height:1.7;margin-bottom:16px;max-width:520px}.cloud-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:8px;max-width:760px;text-align:left;width:100%}.cloud-feature{align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;padding:20px}.cloud-feature-icon{color:#009688;flex-shrink:0;font-size:24px;margin-top:2px}.cloud-feature-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.cloud-feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.cloud-coming-soon{align-items:center;border:1px solid #9c27b066;border-radius:100px;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-top:12px;padding:8px 20px}@media (max-width:600px){.cloud-features{grid-template-columns:1fr}}.vintage-section{max-width:1100px;padding:60px 24px 80px;width:100%}.vintage-card{align-items:center;background:var(--bg-surface);border:1px dashed var(--border);border-radius:16px;display:flex;gap:28px;padding:28px 32px;width:100%}.vintage-left{flex-shrink:0}.vintage-icon{color:var(--text-secondary);font-size:48px;opacity:.5}.vintage-right{display:flex;flex-direction:column;gap:8px}.vintage-badge{background:var(--bg);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:600;letter-spacing:1px;padding:3px 12px;text-transform:uppercase;width:fit-content}.vintage-title{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.5px}.vintage-desc{color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:520px}.vintage-limitations{color:var(--text-muted);font-size:11px;margin-top:4px}@media (max-width:480px){.vintage-card{align-items:flex-start;flex-direction:column}}.cta-banner{align-items:center;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:16px;padding:80px 24px 100px;text-align:center;width:100%}.cta-title{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-1px}.cta-sub{color:var(--text-secondary);font-size:16px;margin-bottom:8px}@media (max-width:768px){.hero{padding:64px 24px 56px}.hero-subtitle br{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.hero-btn{justify-content:center;text-align:center}}.download-page{display:flex;justify-content:center;padding:64px 24px 100px}.download-container{display:flex;flex-direction:column;gap:56px;max-width:900px;width:100%}.download-header{display:flex;flex-direction:column;gap:12px}.download-title{color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:-1.5px}.download-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.6}.download-platforms{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.download-platform-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:28px 24px}.download-platform-top{align-items:center;display:flex;gap:16px}.download-platform-icon{color:var(--text-primary);font-size:36px}.download-platform-name{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.3px}.download-platform-sub{color:var(--text-secondary);font-size:13px;margin-top:2px}.download-platform-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.download-badge-coming{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px}.download-badge-coming .material-symbols-outlined{font-size:16px}.download-badge-link{display:inline-block}.download-store-badge{height:40px}.download-store-badge-google{height:60px;margin:-10px -12px}.download-features{display:flex;flex-direction:column;gap:20px}.download-features-title{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.5px}.download-features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.download-feature-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;text-align:center}.download-feature-icon{color:var(--text-secondary);font-size:22px}.download-feature-label{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.4}.download-vintage{margin-top:0}@media (max-width:640px){.download-title{font-size:36px}.download-platforms{grid-template-columns:1fr}.download-features-grid{grid-template-columns:repeat(2,1fr)}}.about-page{display:flex;justify-content:center;padding:64px 24px 100px}.about-container{gap:56px;max-width:800px;width:100%}.about-container,.about-header{display:flex;flex-direction:column}.about-header{gap:12px}.about-title{color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:-1.5px}.about-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.6}.about-section{display:flex;flex-direction:column;gap:16px}.about-section-title{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.5px}.about-body{color:var(--text-secondary);font-size:16px;line-height:1.8}.about-values{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.about-value-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:24px 20px}.about-value-icon{color:var(--text-secondary);font-size:24px}.about-value-title{color:var(--text-primary);font-size:15px;font-weight:600}.about-value-desc{color:var(--text-secondary);font-size:13px;line-height:1.7}.about-beta-card{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;padding:24px}.about-beta-icon{color:#ff9800;flex-shrink:0;font-size:24px;margin-top:2px}.about-beta-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:6px}.about-beta-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.about-link{color:var(--text-primary);text-decoration:underline}.about-links{display:flex;flex-wrap:wrap;gap:24px}.about-cta-link{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:500;padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}.about-cta-link:hover{border-color:var(--text-primary);color:var(--text-primary)}@media (max-width:640px){.about-title{font-size:36px}.about-values{grid-template-columns:1fr}.about-beta-card{flex-direction:column}}.auth-page{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 130px);padding:48px 24px}.auth-card{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.auth-brand{font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.auth-brand,.auth-title{color:var(--text-primary)}.auth-title{font-size:20px;font-weight:400;margin-bottom:32px;opacity:.9}.auth-form{display:flex;flex-direction:column;gap:16px;width:100%}.input-group{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;display:flex;padding:0 12px;transition:border-color .2s}.input-group:focus-within{border-color:var(--text-primary)}.input-icon{font-size:15px}.input-icon,.input-icon-svg{flex-shrink:0;margin-right:10px;opacity:.6}.input-icon-svg{color:var(--text-secondary);height:20px;width:20px}.auth-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:15px;outline:none;padding:14px 0}.auth-input::placeholder,.toggle-password{color:var(--text-secondary)}.toggle-password{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;opacity:.6;padding:0}.toggle-password svg{height:24px;width:24px}.forgot-row{display:flex;justify-content:flex-end;margin-top:-4px}.forgot-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;opacity:.8;padding:0;text-decoration:none}.forgot-link:hover{color:var(--text-primary)}.auth-inactivity{align-items:center;border:1px solid;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:14px 16px;width:100%}.auth-inactivity .material-symbols-outlined{flex-shrink:0;font-size:24px}.auth-inactivity strong{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.auth-inactivity p{color:var(--text-secondary);font-size:13px;line-height:1.4}.auth-error{background:#ef53501f;color:#ef5350}.auth-error,.auth-success{border-radius:8px;font-size:13px;margin-bottom:4px;padding:10px 14px;width:100%}.auth-success{background:#4caf501f;color:#4caf50}.auth-btn:disabled{cursor:not-allowed;opacity:.5}.auth-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;height:52px;transition:opacity .2s;width:100%}.auth-btn:hover{opacity:.85}.auth-btn.primary{background-color:var(--text-primary);color:var(--bg)}.auth-btn.google{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.auth-btn.apple,.auth-btn.google{align-items:center;display:flex;font-weight:500;gap:10px;justify-content:center}.auth-btn.apple{background-color:var(--text-primary);color:var(--bg)}.apple-icon,.google-icon{height:18px;width:18px}.auth-terms{font-size:12px;margin:0;text-align:center}.auth-checkbox,.auth-terms{color:var(--text-secondary)}.auth-checkbox{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px}.auth-checkbox input[type=checkbox]{accent-color:var(--text-primary);cursor:pointer;flex-shrink:0;height:16px;width:16px}.auth-switch{color:var(--text-secondary);font-size:14px;margin-top:24px}.auth-switch-link{color:var(--text-primary);font-weight:500;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.auth-name-row{display:flex;gap:12px}.auth-name-row .input-group{flex:1 1;min-width:0}.auth-name-row .auth-input{width:100%}@media (max-width:480px){.auth-page{padding:32px 16px}.auth-name-row{flex-direction:column}}.support-page{display:flex;justify-content:center;padding:64px 24px 100px}.support-container{display:flex;flex-direction:column;gap:48px;max-width:1000px;width:100%}.support-header{display:flex;flex-direction:column;gap:12px}.support-title{color:var(--text-primary);font-size:40px;font-weight:700;letter-spacing:-1.5px}.support-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:520px}.support-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 320px}.support-form{gap:20px}.support-field,.support-form{display:flex;flex-direction:column}.support-field{gap:8px}.support-label{color:var(--text-primary);font-size:14px;font-weight:500}.support-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.support-input:focus{border-color:var(--text-primary)}.support-input::placeholder{color:var(--text-secondary)}.support-select{appearance:none;cursor:pointer}.support-textarea{min-height:140px;resize:vertical}.support-btn{background:var(--text-primary);border:none;border-radius:10px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:14px;transition:opacity .2s}.support-btn:hover{opacity:.8}.support-success{background:#4caf501f;border-radius:10px;color:#4caf50;font-size:13px;line-height:1.6;padding:12px 16px}.support-info{gap:16px}.support-info,.support-info-card{display:flex;flex-direction:column}.support-info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;gap:8px;padding:20px}.support-info-icon{color:var(--text-secondary);font-size:22px}.support-info-title{color:var(--text-primary);font-size:15px;font-weight:600}.support-info-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}@media (max-width:768px){.support-layout{grid-template-columns:1fr}.support-info{flex-direction:row;flex-wrap:wrap}.support-info-card{flex:1 1;min-width:200px}}@media (max-width:480px){.support-title{font-size:32px}.support-info{flex-direction:column}}.legal-page{display:flex;justify-content:center;padding:48px 24px 80px}.legal-container{max-width:720px;width:100%}.legal-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:24px}.legal-title{color:var(--text-primary);font-size:32px;font-weight:700}.legal-updated{color:var(--text-muted);font-size:13px;white-space:nowrap}.legal-intro{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:40px;padding-bottom:32px}.legal-intro,.legal-section{border-bottom:1px solid var(--border)}.legal-section{margin-bottom:36px;padding-bottom:36px}.legal-section:last-child{border-bottom:none}.legal-section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:14px}.legal-section-body{display:flex;flex-direction:column;gap:10px}.legal-list-item,.legal-paragraph{color:var(--text-secondary);font-size:15px;line-height:1.7}.legal-list-item{list-style:disc;margin-left:20px}.legal-list-item strong,.legal-paragraph strong{color:var(--text-primary);font-weight:600}@media (max-width:600px){.legal-page{padding:32px 16px 64px}.legal-title{font-size:26px}.legal-header{flex-direction:column;gap:4px}}.account-page{display:flex;justify-content:center;padding:64px 24px 100px}.account-container{display:flex;flex-direction:column;gap:40px;max-width:900px;width:100%}.account-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.account-header{align-items:center;display:flex;gap:24px}.account-avatar-wrapper{cursor:pointer;flex-shrink:0;position:relative}.account-avatar-wrapper:hover .account-avatar-badge{opacity:1}.account-avatar-badge{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:50%;bottom:0;display:flex;height:24px;justify-content:center;opacity:.7;position:absolute;right:0;transition:opacity .2s;width:24px}.account-avatar-badge .material-symbols-outlined{color:var(--text-secondary);font-size:14px}.account-avatar{align-items:center;background:var(--text-primary);border-radius:50%;color:var(--bg);display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:72px;justify-content:center;overflow:hidden;width:72px}.account-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.account-info{display:flex;flex-direction:column;gap:4px}.account-name{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px}.account-email{color:var(--text-secondary);font-size:14px}.account-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.account-badge{border-radius:100px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px}.google-badge{background:#4285f4}.apple-badge{background:#555}.admin-badge{background:#ef5350}.beta-badge{background:#ff9800}.account-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.account-section{display:flex;flex-direction:column;gap:12px}.account-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.account-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.account-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 16px}.account-row:last-child{border-bottom:none}.account-row-icon{color:var(--text-secondary);flex-shrink:0;font-size:18px}.account-color-swatch{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;height:18px;width:18px}.account-row-label{color:var(--text-secondary);flex:1 1;font-size:14px}.account-row-value{color:var(--text-primary);font-size:14px;font-weight:500;text-align:right}.account-row-value.muted{color:var(--text-secondary);font-style:italic;font-weight:400}.account-card-coming-soon{align-items:flex-start;display:flex;gap:16px;padding:20px}.coming-soon-icon{color:#009688;flex-shrink:0;font-size:24px;margin-top:2px}.coming-soon-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.coming-soon-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.account-card-webapp{align-items:center;cursor:pointer;display:flex;gap:16px;padding:20px;text-decoration:none;transition:background .2s}.account-card-webapp:hover{background:#0096880f}.webapp-icon{color:#009688;flex-shrink:0;font-size:24px}.webapp-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.webapp-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.webapp-arrow{color:var(--text-muted);flex-shrink:0;font-size:20px;margin-left:auto}.account-signout{background:none;border:1px solid var(--border);border-radius:10px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.account-signout:hover{background:#ef535014}.account-actions{display:flex;gap:12px}.account-actions .account-signout{flex:1 1}.account-delete-btn{background:none;border:1px solid #ef5350;border-radius:10px;color:#ef5350;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:background .2s}.account-delete-btn:hover{background:#ef535014}.account-deletion-banner{align-items:center;background:#ef535014;border:1px solid #ef53504d;border-radius:12px;display:flex;gap:16px;padding:16px 20px}.account-deletion-banner .material-symbols-outlined{color:#ef5350;flex-shrink:0;font-size:24px}.deletion-banner-title{color:#ef5350;font-size:14px;font-weight:600;margin-bottom:2px}.deletion-banner-desc{color:var(--text-secondary);font-size:13px}.deletion-cancel-btn{background:none;border:1px solid #ef5350;border-radius:8px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin-left:auto;padding:8px 16px;transition:background .2s;white-space:nowrap}.deletion-cancel-btn:hover{background:#ef535014}.account-delete-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.account-delete-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-width:420px;padding:28px;width:90%}.account-delete-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.account-delete-modal p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.account-delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.delete-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.delete-modal-cancel,.delete-modal-confirm{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.delete-modal-confirm{background:#ef5350;border:none;border-radius:8px;color:#fff;transition:background .2s}.delete-modal-confirm:hover{background:#e53935}.delete-modal-confirm:disabled,.deletion-cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.account-grid{grid-template-columns:1fr}.account-header{align-items:flex-start}.account-actions,.account-header{flex-direction:column}.account-deletion-banner{flex-direction:column;text-align:center}.deletion-cancel-btn{margin-left:0}}.dash-page{display:flex;justify-content:center;padding:64px 24px 100px}.dash-container{display:flex;flex-direction:column;gap:32px;max-width:960px;width:100%}.dash-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.dash-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.dash-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.dash-subtitle{color:var(--text-secondary);font-size:14px}.dash-month-nav{gap:16px}.dash-month-arrow,.dash-month-nav{align-items:center;display:flex;justify-content:center}.dash-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.dash-month-arrow:hover{background:var(--bg-surface)}.dash-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.dash-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.dash-summary-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;padding:20px}.dash-summary-icon{flex-shrink:0;font-size:28px}.dash-summary-label{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.dash-summary-value{font-size:22px;font-weight:700;letter-spacing:-.5px}.dash-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.dash-section{display:flex;flex-direction:column;gap:12px}.dash-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.dash-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.dash-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.dash-empty .material-symbols-outlined{font-size:32px}.dash-empty p{font-size:13px}.dash-tx-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.dash-tx-row:last-child{border-bottom:none}.dash-tx-info{display:flex;flex-direction:column;gap:2px}.dash-tx-name{color:var(--text-primary);font-size:14px;font-weight:500}.dash-tx-category{color:var(--text-muted);font-size:12px}.dash-tx-amount{font-size:14px;font-weight:600;white-space:nowrap}.dash-budget-row{border-bottom:1px solid var(--border);padding:14px 16px}.dash-budget-row:last-child{border-bottom:none}.dash-budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dash-budget-name{color:var(--text-primary);font-size:14px;font-weight:500}.dash-budget-amounts{font-size:13px;font-weight:500}.dash-budget-bar-bg{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.dash-budget-bar-fill{border-radius:3px;height:100%;transition:width .3s}.dash-cat-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.dash-cat-row:last-child{border-bottom:none}.dash-cat-name{color:var(--text-primary);font-size:14px;font-weight:500}.dash-cat-right{align-items:center;display:flex;gap:12px}.dash-cat-pct{color:var(--text-muted);font-size:12px}.dash-cat-total{color:var(--text-primary);font-size:14px;font-weight:600;min-width:70px;text-align:right}@media (max-width:768px){.dash-grid,.dash-summary{grid-template-columns:1fr}}.dash-customize-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.dash-customize-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.dash-customize-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.dash-customize-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:20px;width:100%}.dash-customize-header{align-items:center;display:flex;justify-content:space-between}.dash-customize-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.dash-customize-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.dash-customize-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,#0000)}.dash-customize-list{display:flex;flex-direction:column;gap:8px}.dash-customize-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 12px}.dash-customize-arrows{display:flex;flex-direction:column;gap:2px}.dash-customize-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:0}.dash-customize-arrow:disabled{cursor:not-allowed;opacity:.2}.dash-customize-arrow .material-symbols-outlined{font-size:16px}.dash-customize-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.dash-customize-toggle{cursor:pointer;height:22px;position:relative;width:40px}.dash-customize-toggle input{height:0;opacity:0;width:0}.dash-toggle-slider{background:var(--border);border-radius:11px;inset:0;position:absolute;transition:background .2s}.dash-toggle-slider:before{background:var(--bg);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .2s;width:18px}.dash-customize-toggle input:checked+.dash-toggle-slider{background:var(--text-primary)}.dash-customize-toggle input:checked+.dash-toggle-slider:before{transform:translateX(18px)}.dash-customize-save{background:var(--text-primary);border:none;border-radius:10px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:opacity .2s;width:100%}.dash-customize-save:hover{opacity:.85}@media (max-width:480px){.dash-page{padding:32px 16px 80px}.dash-summary-value{font-size:18px}}.rcpt-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}.rcpt-container{display:flex;flex-direction:column;gap:12px;max-height:90vh;max-width:600px;width:100%}.rcpt-header{align-items:center;display:flex;justify-content:space-between}.rcpt-title{color:#fff;font-size:16px;font-weight:600}.rcpt-close{background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:inline-flex;padding:4px}.rcpt-close:hover{color:#fff}.rcpt-body{align-items:center;background:#000;border-radius:12px;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden}.rcpt-image{max-height:70vh;max-width:100%;object-fit:contain;transition:transform .2s;-webkit-user-select:none;user-select:none}.rcpt-empty{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:8px}.rcpt-empty .material-symbols-outlined{font-size:48px}.rcpt-empty p{font-size:14px}.txd-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.txd-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;max-height:85vh;max-width:520px;overflow-y:auto;padding:16px;width:100%}.txd-modal-header{align-items:center;display:flex;justify-content:space-between;padding:0 8px}.txd-modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.txd-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.txd-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,#0000);color:var(--text-primary)}.txd-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:20px 24px}.txd-hero-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.txd-hero-amount{font-size:36px;font-weight:700;line-height:1.1}.txd-detail-row{display:flex;gap:0}.txd-detail-col{display:flex;flex:1 1;flex-direction:column;gap:4px}.txd-detail-label{color:var(--text-secondary);font-size:12px}.txd-detail-value{color:var(--text-primary);font-size:15px}.txd-divider{background:var(--border);height:1px;margin:16px 0}.txd-highlight-value{font-size:22px;font-weight:700}.txd-notes-text{color:var(--text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.txd-notes-empty{color:var(--text-muted);font-size:14px;font-style:italic}.txd-receipt-btn{align-items:center;background:color-mix(in srgb,var(--text-primary) 6%,#0000);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;margin-top:4px;padding:8px 14px;transition:background .2s}.txd-receipt-btn:hover{background:color-mix(in srgb,var(--text-primary) 12%,#0000)}.txd-receipt-btn .material-symbols-outlined{font-size:18px}.txd-actions{display:flex;flex-direction:column;gap:10px;padding:4px 0}.txd-edit-btn{background:var(--text-primary);border:none;border-radius:12px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.txd-edit-btn:hover{opacity:.85}.txd-delete-btn{background:none;border:1px solid #ef5350;border-radius:12px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.txd-delete-btn:hover{background:color-mix(in srgb,#ef5350 8%,#0000)}.txd-scope-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.txd-scope-sheet{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-width:400px;overflow:hidden;width:100%}.txd-scope-title{color:var(--text-primary);font-size:16px;font-weight:700;padding:20px 24px 12px}.txd-scope-options{display:flex;flex-direction:column}.txd-scope-option{background:none;border:none;border-top:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;padding:14px 24px;text-align:left;transition:background .15s;width:100%}.txd-scope-option:hover{background:color-mix(in srgb,var(--text-primary) 5%,#0000)}.txd-scope-option--danger{color:#ef5350}.txd-scope-cancel{background:none;border:none;border-top:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:14px 24px;text-align:left;transition:background .15s;width:100%}.txd-scope-cancel:hover{background:color-mix(in srgb,var(--text-primary) 5%,#0000)}@media (max-width:480px){.txd-modal,.txd-overlay{padding:12px}.txd-hero-amount{font-size:30px}.txd-scope-overlay{padding:12px}}.txn-page{display:flex;justify-content:center;padding:64px 24px 100px}.txn-container{display:flex;flex-direction:column;gap:24px;max-width:960px;width:100%}.txn-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.txn-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.txn-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.txn-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.txn-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.txn-add-btn:hover{background:#00796b}.txn-add-btn .material-symbols-outlined{font-size:18px}.txn-month-nav{gap:16px}.txn-month-arrow,.txn-month-nav{align-items:center;display:flex;justify-content:center}.txn-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.txn-month-arrow:hover{background:var(--bg-surface)}.txn-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.txn-summary{display:flex;gap:24px;justify-content:center}.txn-summary-item{align-items:center;display:flex;flex-direction:column;gap:2px}.txn-summary-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.txn-summary-value{font-size:18px;font-weight:700}.txn-filter-bar{align-self:center;border:1px solid var(--border);border-radius:8px;display:flex;gap:0;overflow:hidden}.txn-filter-btn{background:none;border:none;border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 20px;transition:background .2s,color .2s}.txn-filter-btn:last-child{border-right:none}.txn-filter-btn.active{background:#009688;color:#fff}.txn-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.txn-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:48px 16px}.txn-empty .material-symbols-outlined{font-size:32px}.txn-empty p{font-size:13px}.txn-row{align-items:center;border-bottom:1px solid var(--border);display:flex}.txn-row:last-child{border-bottom:none}.txn-row-main{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;min-width:0;padding:14px 16px;transition:background .15s}.txn-row-main:hover{background:#ffffff08}.txn-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.txn-row-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.txn-recurring-badge{background:#00968826;border-radius:4px;color:#009688;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 6px}.txn-row-meta{color:var(--text-muted);font-size:12px}.txn-row-amount{font-size:14px;font-weight:600;margin-left:16px;white-space:nowrap}.txn-icon-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;padding:14px 8px;transition:color .2s;width:40px}.txn-icon-delete:hover{color:#ef5350}.txn-icon-btn .material-symbols-outlined{font-size:18px}.txn-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.txn-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.txn-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.txn-form-group{margin-bottom:14px}.txn-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.txn-form-group input[type=date],.txn-form-group input[type=number],.txn-form-group input[type=text],.txn-form-group select,.txn-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.txn-form-group input:focus,.txn-form-group select:focus,.txn-form-group textarea:focus{border-color:#009688;outline:none}.txn-form-group textarea{resize:vertical}.txn-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.txn-form-row{display:flex;gap:12px}.txn-form-flex{flex:1 1}.txn-form-sm{flex-shrink:0;width:140px}.txn-indent{border-left:2px solid var(--border);margin-left:4px;padding-left:20px}.txn-type-toggle{border:1px solid var(--border);border-radius:8px;display:flex;gap:0;overflow:hidden}.txn-type-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s,color .2s}.txn-type-btn.active.expense{background:#f44336;color:#fff}.txn-type-btn.active.income{background:#4caf50;color:#fff}.txn-checkbox-label{align-items:center;color:var(--text-primary)!important;cursor:pointer;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px}.txn-checkbox-label input[type=checkbox]{accent-color:#009688;height:16px;width:16px}.txn-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.txn-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.txn-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.txn-modal-cancel,.txn-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.txn-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.txn-modal-save:hover{background:#00796b}.txn-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.txn-form-row{flex-direction:column;gap:0}.txn-form-sm{width:100%}}@media (max-width:480px){.txn-page{padding:32px 16px 80px}.txn-header{flex-direction:column}.txn-add-btn{justify-content:center;width:100%}.txn-summary{gap:16px}.txn-summary-value{font-size:16px}}.donut-chart{display:block;margin:0 auto}.donut-label{fill:var(--text-primary);font-size:11px;font-weight:700}.catd-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.catd-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;max-height:85vh;max-width:520px;overflow-y:auto;padding:16px;width:100%}.catd-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.catd-title{color:var(--text-primary);font-size:18px;font-weight:700}.catd-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.catd-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,#0000);color:var(--text-primary)}.catd-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.catd-info-row{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.catd-info-row:last-child{border-bottom:none}.catd-info-label{color:var(--text-secondary);font-size:14px}.catd-info-value{color:var(--text-primary);font-size:14px;font-weight:500;text-transform:capitalize}.catd-dates{display:flex;gap:12px;padding:12px 16px}.catd-date-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.catd-date-field label{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.catd-date-field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 10px}.catd-stat-row{border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:15px;justify-content:space-between;padding:12px 16px}.catd-stat-row:last-child{border-bottom:none}.catd-chart-card{align-items:center;display:flex;flex-direction:column;gap:12px;padding:16px}.catd-chart-legend{color:var(--text-secondary);display:flex;font-size:12px;gap:16px}.catd-legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.catd-section-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px 0;text-transform:uppercase}.catd-empty{color:var(--text-muted);font-size:13px;padding:24px 16px;text-align:center}.catd-tx-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.catd-tx-info{display:flex;flex-direction:column;gap:2px}.catd-tx-name{color:var(--text-primary);font-size:14px;font-weight:500}.catd-tx-date{color:var(--text-secondary);font-size:12px}.catd-tx-amount{font-size:14px;font-weight:600}.catd-actions{display:flex;flex-direction:column;gap:10px;padding:4px 0}.catd-edit-btn{background:var(--text-primary);border:none;border-radius:12px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.catd-edit-btn:hover{opacity:.85}.catd-delete-btn{background:none;border:1px solid #ef5350;border-radius:12px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.catd-delete-btn:hover{background:color-mix(in srgb,#ef5350 8%,#0000)}@media (max-width:480px){.catd-modal,.catd-overlay{padding:12px}}.cat-page{display:flex;justify-content:center;padding:64px 24px 100px}.cat-container{display:flex;flex-direction:column;gap:32px;max-width:960px;width:100%}.cat-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.cat-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.cat-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.cat-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.cat-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.cat-add-btn:hover{background:#00796b}.cat-add-btn .material-symbols-outlined{font-size:18px}.cat-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.cat-section{display:flex;flex-direction:column;gap:12px}.cat-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.cat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.cat-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.cat-empty .material-symbols-outlined{font-size:32px}.cat-empty p{font-size:13px}.cat-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.cat-row:last-child{border-bottom:none}.cat-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cat-row-name{align-items:center;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:500;gap:8px}.cat-row-badge{background:color-mix(in srgb,var(--text-primary) 10%,#0000);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.4px;padding:2px 6px;text-transform:uppercase}.cat-row-desc{color:var(--text-muted);font-size:12px}.cat-row-actions{display:flex;flex-shrink:0;gap:4px}.cat-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.cat-icon-btn:hover{background:var(--border);color:var(--text-primary)}.cat-icon-delete:hover{color:#ef5350}.cat-icon-btn .material-symbols-outlined{font-size:18px}.cat-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cat-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-width:440px;padding:28px;width:90%}.cat-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.cat-form-group{margin-bottom:16px}.cat-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.cat-form-group input,.cat-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.cat-form-group input:focus,.cat-form-group textarea:focus{border-color:#009688;outline:none}.cat-form-group textarea{resize:vertical}.cat-type-toggle{border:1px solid var(--border);border-radius:8px;display:flex;gap:0;overflow:hidden}.cat-type-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s,color .2s}.cat-type-btn.active{background:#009688;color:#fff}.cat-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.cat-checkbox-label input[type=checkbox]{accent-color:#009688;height:16px;width:16px}.cat-budget-section{border-top:1px solid var(--border);margin-bottom:4px;padding-top:16px}.cat-form-row{display:flex;gap:12px;margin-bottom:0}.cat-form-flex{flex:1 1;min-width:0}.cat-form-sm{flex-shrink:0;width:140px}.cat-form-group select{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.cat-form-group select:focus{border-color:#009688;outline:none}.cat-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.cat-modal-actions{display:flex;gap:12px;justify-content:flex-end}.cat-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.cat-modal-cancel,.cat-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.cat-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.cat-modal-save:hover{background:#00796b}.cat-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.cat-grid{grid-template-columns:1fr}}@media (max-width:480px){.cat-page{padding:32px 16px 80px}.cat-header{flex-direction:column}.cat-add-btn{justify-content:center;width:100%}}.bar-chart{display:block;height:auto;width:100%}.bar-chart-xlabel,.bar-chart-ylabel{fill:var(--text-muted);font-size:9px}.budd-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.budd-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;max-height:85vh;max-width:560px;overflow-y:auto;padding:16px;width:100%}.budd-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.budd-title{color:var(--text-primary);font-size:18px;font-weight:700}.budd-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.budd-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,#0000);color:var(--text-primary)}.budd-period-nav{gap:12px}.budd-period-arrow,.budd-period-nav{align-items:center;display:flex;justify-content:center}.budd-period-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:32px;width:32px}.budd-period-arrow:hover{background:var(--bg-surface)}.budd-period-label{color:var(--text-primary);font-size:14px;font-weight:600;min-width:180px;text-align:center}.budd-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.budd-info-row{border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.budd-info-row:last-child{border-bottom:none}.budd-info-row span:first-child{color:var(--text-secondary)}.budd-progress-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.budd-bar-bg{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.budd-bar-fill{border-radius:5px;height:100%;transition:width .3s}.budd-bar-label{color:var(--text-secondary);font-size:12px;text-align:right}.budd-chart-card{padding:12px}.budd-table-header{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.budd-table-header,.budd-table-row{border-bottom:1px solid var(--border);display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.budd-table-row{color:var(--text-primary);font-size:12px;padding:10px 16px}.budd-table-row:last-child{border-bottom:none}.budd-table-period{color:var(--text-secondary);font-size:11px}.budd-actions{display:flex;flex-direction:column;gap:10px;padding:4px 0}.budd-edit-btn{background:var(--text-primary);border:none;border-radius:12px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.budd-edit-btn:hover{opacity:.85}.budd-delete-btn{background:none;border:1px solid #ef5350;border-radius:12px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.budd-delete-btn:hover{background:color-mix(in srgb,#ef5350 8%,#0000)}@media (max-width:480px){.budd-modal,.budd-overlay{padding:12px}}.bud-page{display:flex;justify-content:center;padding:64px 24px 100px}.bud-container{display:flex;flex-direction:column;gap:32px;max-width:960px;width:100%}.bud-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.bud-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.bud-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.bud-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.bud-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.bud-add-btn:hover{background:#00796b}.bud-add-btn .material-symbols-outlined{font-size:18px}.bud-section{display:flex;flex-direction:column;gap:12px}.bud-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.bud-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.bud-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.bud-empty .material-symbols-outlined{font-size:32px}.bud-empty p{font-size:13px}.bud-row{align-items:center;border-bottom:1px solid var(--border);display:flex}.bud-row:last-child{border-bottom:none}.bud-row-main{cursor:pointer;flex:1 1;min-width:0;padding:14px 16px;transition:background .15s}.bud-row-main:hover{background:#ffffff08}.bud-row-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bud-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bud-row-name{color:var(--text-primary);font-size:14px;font-weight:500}.bud-row-meta{color:var(--text-muted);font-size:12px}.bud-row-amounts{font-size:13px;font-weight:500;margin-left:16px;white-space:nowrap}.bud-bar-bg{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.bud-bar-fill{border-radius:3px;height:100%;transition:width .3s}.bud-icon-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:14px 8px;transition:color .2s;width:40px}.bud-icon-delete:hover{color:#ef5350}.bud-icon-btn .material-symbols-outlined{font-size:18px}.bud-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.bud-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.bud-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.bud-form-group{margin-bottom:14px}.bud-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.bud-form-group input[type=date],.bud-form-group input[type=number],.bud-form-group input[type=text],.bud-form-group select{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.bud-form-group input:focus,.bud-form-group select:focus{border-color:#009688;outline:none}.bud-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.bud-form-row{display:flex;gap:12px}.bud-form-flex{flex:1 1}.bud-form-sm{flex-shrink:0;width:160px}.bud-form-checks{display:flex;gap:24px;margin-bottom:16px}.bud-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.bud-checkbox-label input[type=checkbox]{accent-color:#009688;height:16px;width:16px}.bud-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.bud-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.bud-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.bud-modal-cancel,.bud-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.bud-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.bud-modal-save:hover{background:#00796b}.bud-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.bud-form-row{flex-direction:column;gap:0}.bud-form-sm{width:100%}}@media (max-width:480px){.bud-page{padding:32px 16px 80px}.bud-header{flex-direction:column}.bud-add-btn{justify-content:center;width:100%}}.rec-page{display:flex;justify-content:center;padding:64px 24px 100px}.rec-container{display:flex;flex-direction:column;gap:24px;max-width:960px;width:100%}.rec-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.rec-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.rec-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.rec-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.rec-month-nav{gap:16px}.rec-month-arrow,.rec-month-nav{align-items:center;display:flex;justify-content:center}.rec-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.rec-month-arrow:hover{background:var(--bg-surface)}.rec-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.rec-ring-container{height:180px;margin:0 auto;position:relative;width:180px}.rec-ring{height:100%;width:100%}.rec-ring-label{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;inset:0;justify-content:center;position:absolute}.rec-ring-caption{color:var(--text-secondary);font-size:14px;padding:0 32px;text-align:center}.rec-summary{display:flex;gap:24px;justify-content:center}.rec-summary-item{align-items:center;display:flex;flex-direction:column;gap:2px}.rec-summary-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.rec-summary-value{font-size:18px;font-weight:700}.rec-section{display:flex;flex-direction:column;gap:12px}.rec-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.rec-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.rec-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.rec-empty .material-symbols-outlined{font-size:32px}.rec-empty p{font-size:13px}.rec-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.rec-row:last-child{border-bottom:none}.rec-row-clickable{cursor:pointer;transition:background .15s}.rec-row-clickable:hover{background:color-mix(in srgb,var(--text-primary) 4%,#0000)}.rec-row-left{display:flex;flex-direction:column;gap:2px;min-width:0}.rec-row-name{color:var(--text-primary);font-size:14px;font-weight:500}.rec-row-meta{color:var(--text-muted);font-size:12px}.rec-row-due{margin-top:4px}.rec-row-due,.rec-row-notes{color:var(--text-secondary);font-size:12px}.rec-row-notes{font-style:italic;margin-top:2px}.rec-row-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.rec-row-amount{font-size:14px;font-weight:600;white-space:nowrap}.rec-row-due-label{font-size:12px;font-weight:600;white-space:nowrap}.rec-row-expiry{color:var(--text-muted);font-size:11px}.rec-row-expiry.expired{color:#ef5350;font-weight:600}.rec-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.rec-add-btn:hover{background:#00796b}.rec-add-btn .material-symbols-outlined{font-size:18px}.rec-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.rec-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.rec-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.rec-form-group{margin-bottom:14px}.rec-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.rec-form-group input[type=date],.rec-form-group input[type=number],.rec-form-group input[type=text],.rec-form-group select,.rec-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.rec-form-group input:focus,.rec-form-group select:focus,.rec-form-group textarea:focus{border-color:#009688;outline:none}.rec-form-group textarea{resize:vertical}.rec-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.rec-form-row{display:flex;gap:12px}.rec-form-flex{flex:1 1}.rec-form-sm{flex-shrink:0;width:140px}.rec-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.rec-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.rec-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.rec-modal-cancel,.rec-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.rec-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.rec-modal-save:hover{background:#00796b}.rec-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.rec-form-row{flex-direction:column;gap:0}.rec-form-sm{width:100%}}@media (max-width:480px){.rec-page{padding:32px 16px 80px}.rec-header{flex-direction:column}.rec-add-btn{justify-content:center;width:100%}.rec-summary{gap:16px}.rec-summary-value{font-size:16px}}.exp-page{display:flex;justify-content:center;padding:64px 24px 100px}.exp-container{display:flex;flex-direction:column;gap:24px;max-width:960px;width:100%}.exp-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.exp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.exp-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.exp-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.exp-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.exp-add-btn:hover{background:#00796b}.exp-add-btn .material-symbols-outlined{font-size:18px}.exp-month-nav{gap:16px}.exp-month-arrow,.exp-month-nav{align-items:center;display:flex;justify-content:center}.exp-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.exp-month-arrow:hover{background:var(--bg-surface)}.exp-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.exp-summary{display:flex;gap:24px;justify-content:center}.exp-summary-item{align-items:center;display:flex;flex-direction:column;gap:2px}.exp-summary-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.exp-summary-value{font-size:18px;font-weight:700}.exp-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.exp-toggle input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:16px;width:16px}.exp-section-title{font-size:16px;font-weight:600;margin:0}.exp-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.exp-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:48px 16px}.exp-empty .material-symbols-outlined{font-size:32px}.exp-empty p{font-size:13px}.exp-row{align-items:center;border-bottom:1px solid var(--border);display:flex}.exp-row:last-child{border-bottom:none}.exp-row-main{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;min-width:0;padding:14px 16px;transition:background .15s}.exp-row-main:hover{background:color-mix(in srgb,var(--text-primary) 4%,#0000)}.exp-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.exp-row-name{color:var(--text-primary);font-size:14px;font-weight:500}.exp-row-meta{color:var(--text-muted);font-size:12px}.exp-row-amount{font-size:14px;font-weight:600;margin-left:16px;white-space:nowrap}.exp-icon-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;padding:14px 8px;transition:color .2s;width:40px}.exp-icon-delete:hover{color:#ef5350}.exp-icon-btn .material-symbols-outlined{font-size:18px}.exp-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.exp-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.exp-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.exp-form-group{margin-bottom:14px}.exp-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.exp-form-group input[type=date],.exp-form-group input[type=number],.exp-form-group input[type=text],.exp-form-group select,.exp-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.exp-form-group input:focus,.exp-form-group select:focus,.exp-form-group textarea:focus{border-color:#009688;outline:none}.exp-form-group textarea{resize:vertical}.exp-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.exp-form-row{display:flex;gap:12px}.exp-form-flex{flex:1 1}.exp-form-sm{flex-shrink:0;width:140px}.exp-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.exp-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.exp-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.exp-modal-cancel,.exp-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.exp-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.exp-modal-save:hover{background:#00796b}.exp-modal-save:disabled{cursor:not-allowed;opacity:.6}.exp-receipt-input{color:var(--text-secondary);font-size:13px}.exp-receipt-name{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}@media (max-width:768px){.exp-form-row{flex-direction:column;gap:0}.exp-form-sm{width:100%}}@media (max-width:480px){.exp-page{padding:32px 16px 80px}.exp-header{flex-direction:column}.exp-add-btn{justify-content:center;width:100%}.exp-summary{gap:16px}.exp-summary-value{font-size:16px}}.inc-page{display:flex;justify-content:center;padding:64px 24px 100px}.inc-container{display:flex;flex-direction:column;gap:24px;max-width:960px;width:100%}.inc-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.inc-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.inc-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.inc-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.inc-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.inc-add-btn:hover{background:#00796b}.inc-add-btn .material-symbols-outlined{font-size:18px}.inc-month-nav{gap:16px}.inc-month-arrow,.inc-month-nav{align-items:center;display:flex;justify-content:center}.inc-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.inc-month-arrow:hover{background:var(--bg-surface)}.inc-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.inc-summary{display:flex;gap:24px;justify-content:center}.inc-summary-item{align-items:center;display:flex;flex-direction:column;gap:2px}.inc-summary-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.inc-summary-value{font-size:18px;font-weight:700}.inc-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.inc-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:48px 16px}.inc-empty .material-symbols-outlined{font-size:32px}.inc-empty p{font-size:13px}.inc-row{align-items:center;border-bottom:1px solid var(--border);display:flex}.inc-row:last-child{border-bottom:none}.inc-row-main{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;min-width:0;padding:14px 16px;transition:background .15s}.inc-row-main:hover{background:color-mix(in srgb,var(--text-primary) 4%,#0000)}.inc-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.inc-row-name{color:var(--text-primary);font-size:14px;font-weight:500}.inc-row-meta{color:var(--text-muted);font-size:12px}.inc-recurring-badge{background:color-mix(in srgb,var(--text-primary) 8%,#0000);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;vertical-align:middle}.inc-row-amount{font-size:14px;font-weight:600;margin-left:16px;white-space:nowrap}.inc-icon-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;padding:14px 8px;transition:color .2s;width:40px}.inc-icon-delete:hover{color:#ef5350}.inc-icon-btn .material-symbols-outlined{font-size:18px}.inc-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.inc-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.inc-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.inc-form-group{margin-bottom:14px}.inc-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.inc-form-group input[type=date],.inc-form-group input[type=number],.inc-form-group input[type=text],.inc-form-group select,.inc-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.inc-form-group input:focus,.inc-form-group select:focus,.inc-form-group textarea:focus{border-color:#009688;outline:none}.inc-form-group textarea{resize:vertical}.inc-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.inc-form-row{display:flex;gap:12px}.inc-form-flex{flex:1 1}.inc-form-sm{flex-shrink:0;width:140px}.inc-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.inc-indent{padding-left:28px}.inc-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.inc-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.inc-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.inc-modal-cancel,.inc-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.inc-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.inc-modal-save:hover{background:#00796b}.inc-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.inc-form-row{flex-direction:column;gap:0}.inc-form-sm{width:100%}}@media (max-width:480px){.inc-page{padding:32px 16px 80px}.inc-header{flex-direction:column}.inc-add-btn{justify-content:center;width:100%}.inc-summary{gap:16px}.inc-summary-value{font-size:16px}}.dat-page{display:flex;justify-content:center;padding:64px 24px 100px}.dat-container{display:flex;flex-direction:column;gap:24px;max-width:960px;width:100%}.dat-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.dat-header{display:flex;flex-direction:column;gap:4px}.dat-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.dat-subtitle{color:var(--text-secondary);font-size:14px}.dat-month-nav{gap:16px}.dat-month-arrow,.dat-month-nav{align-items:center;display:flex;justify-content:center}.dat-month-arrow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;transition:background .2s;width:36px}.dat-month-arrow:hover{background:var(--bg-surface)}.dat-month-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:160px;text-align:center}.dat-mode-toggle{align-self:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.dat-mode-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.dat-mode-btn.active{background:var(--text-primary);color:var(--bg)}.dat-section-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1.2px;margin-bottom:-16px;padding-left:4px;text-transform:uppercase}.dat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.dat-net-card{padding:24px}.dat-net-formula{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dat-net-amount{font-size:36px;font-weight:700;margin-top:8px}.dat-net-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.dat-total-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;min-height:72px;padding:14px 16px}.dat-total-row:last-child{border-bottom:none}.dat-total-bar{border-radius:2px;flex-shrink:0;height:36px;width:4px}.dat-total-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.dat-total-title{color:var(--text-primary);font-size:16px;font-weight:700}.dat-total-sub{color:var(--text-secondary);font-size:12px}.dat-total-amount{font-size:20px;font-weight:700;white-space:nowrap}.dat-breakdown-inner{padding:16px}.dat-breakdown-title{color:var(--text-primary);font-size:14px;font-weight:700}.dat-chart-wrapper{display:flex;justify-content:center;padding:16px 0}.dat-bar-container{background:var(--border);border-radius:3px;display:flex;height:14px;margin-top:12px;overflow:hidden}.dat-bar-segment{height:100%;transition:width .3s}.dat-legend{display:flex;justify-content:space-between;margin-top:10px}.dat-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.dat-legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.dat-breakdown-divider{background:var(--border);height:1px;margin:14px 0}.dat-saved-row{align-items:center;display:flex;justify-content:space-between}.dat-saved-label,.dat-saved-value{color:var(--text-primary);font-size:14px}.dat-saved-value{font-weight:700}.dat-top-biggest{border-bottom:1px solid var(--border);padding:14px 16px}.dat-top-biggest-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.dat-top-biggest-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1px}.dat-top-biggest-badge{border-radius:10px;font-size:11px;font-weight:700;padding:3px 8px}.dat-top-biggest-row{align-items:baseline;display:flex;justify-content:space-between}.dat-top-biggest-name{color:var(--text-primary);font-size:22px;font-weight:700}.dat-top-biggest-amount{font-size:20px;font-weight:700}.dat-cat-row{border-bottom:1px solid var(--border);padding:12px 16px}.dat-cat-row:last-child{border-bottom:none}.dat-cat-row-top{align-items:center;display:flex;gap:8px}.dat-cat-rank{color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:700;width:24px}.dat-cat-name{flex:1 1}.dat-cat-amount,.dat-cat-name{color:var(--text-primary);font-size:16px}.dat-cat-amount{font-weight:700;white-space:nowrap}.dat-cat-bar-track{background:var(--border);border-radius:3px;height:6px;margin-left:32px;margin-top:8px;overflow:hidden}.dat-cat-bar-fill{border-radius:3px;height:100%;transition:width .3s}@media (max-width:480px){.dat-page{padding:32px 16px 80px}.dat-net-amount{font-size:28px}.dat-total-amount{font-size:16px}.dat-top-biggest-name{font-size:18px}.dat-top-biggest-amount{font-size:16px}}.acctd-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.acctd-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;max-height:85vh;max-width:520px;overflow-y:auto;padding:16px;width:100%}.acctd-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.acctd-title{color:var(--text-primary);font-size:18px;font-weight:700}.acctd-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.acctd-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,#0000);color:var(--text-primary)}.acctd-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.acctd-info-row{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.acctd-info-row:last-child{border-bottom:none}.acctd-info-label{color:var(--text-secondary);font-size:14px}.acctd-info-value{color:var(--text-primary);font-size:14px;font-weight:500}.acctd-dates{display:flex;gap:12px;padding:12px 16px}.acctd-date-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.acctd-date-field label{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.acctd-date-field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 10px}.acctd-stat-row{border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:15px;justify-content:space-between;padding:12px 16px}.acctd-stat-row:last-child{border-bottom:none}.acctd-section-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px 0;text-transform:uppercase}.acctd-empty{color:var(--text-muted);font-size:13px;padding:24px 16px;text-align:center}.acctd-tx-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.acctd-tx-info{display:flex;flex-direction:column;gap:2px}.acctd-tx-name{color:var(--text-primary);font-size:14px;font-weight:500}.acctd-tx-date{color:var(--text-secondary);font-size:12px}.acctd-tx-amount{font-size:14px;font-weight:600}.acctd-actions{display:flex;flex-direction:column;gap:10px;padding:4px 0}.acctd-edit-btn{background:var(--text-primary);border:none;border-radius:12px;color:var(--bg);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.acctd-edit-btn:hover{opacity:.85}.acctd-delete-btn{background:none;border:1px solid #ef5350;border-radius:12px;color:#ef5350;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.acctd-delete-btn:hover{background:color-mix(in srgb,#ef5350 8%,#0000)}@media (max-width:480px){.acctd-modal,.acctd-overlay{padding:12px}}.acct-page{display:flex;justify-content:center;padding:64px 24px 100px}.acct-container{display:flex;flex-direction:column;gap:32px;max-width:960px;width:100%}.acct-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.acct-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.acct-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.acct-add-btn{align-items:center;background:#009688;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s;white-space:nowrap}.acct-add-btn:hover{background:#00796b}.acct-add-btn .material-symbols-outlined{font-size:18px}.acct-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.acct-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.acct-empty .material-symbols-outlined{font-size:32px}.acct-empty p{font-size:13px}.acct-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px;transition:background .15s}.acct-row:last-child{border-bottom:none}.acct-row:hover{background:color-mix(in srgb,var(--text-primary) 4%,#0000)}.acct-row-left{align-items:center;display:flex;gap:12px;min-width:0}.acct-row-icon{color:var(--text-secondary);font-size:22px}.acct-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.acct-row-name{color:var(--text-primary);font-size:14px;font-weight:500}.acct-row-type{color:var(--text-muted);font-size:12px}.acct-row-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.acct-row-balance{font-size:15px;font-weight:600}.acct-row-actions{display:flex;gap:4px}.acct-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.acct-icon-btn:hover{background:var(--border);color:var(--text-primary)}.acct-icon-delete:hover{color:#ef5350}.acct-icon-btn .material-symbols-outlined{font-size:18px}.acct-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.acct-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-width:440px;padding:28px;width:90%}.acct-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}.acct-form-group{margin-bottom:16px}.acct-form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.acct-form-group input{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.acct-form-group input:focus{border-color:#009688;outline:none}.acct-type-toggle{display:flex;flex-wrap:wrap;gap:8px}.acct-type-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s,color .2s,border-color .2s}.acct-type-btn .material-symbols-outlined{font-size:18px}.acct-type-btn.active{background:#009688;border-color:#009688;color:#fff}.acct-type-btn:not(.active):hover{border-color:var(--text-secondary)}.acct-form-error{color:#ef5350;font-size:13px;margin-bottom:16px}.acct-modal-actions{display:flex;gap:12px;justify-content:flex-end}.acct-modal-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.acct-modal-cancel,.acct-modal-save{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px}.acct-modal-save{background:#009688;border:none;border-radius:8px;color:#fff;transition:background .2s}.acct-modal-save:hover{background:#00796b}.acct-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.acct-page{padding:32px 16px 80px}.acct-header{flex-direction:column}.acct-add-btn{justify-content:center;width:100%}.acct-type-toggle{flex-direction:column}.acct-type-btn{justify-content:center}}.sett-page{display:flex;justify-content:center;padding:64px 24px 100px}.sett-container{display:flex;flex-direction:column;gap:28px;max-width:680px;width:100%}.sett-loading{color:var(--text-secondary);font-size:15px;padding:100px 24px;text-align:center}.sett-header{display:flex;flex-direction:column;gap:4px}.sett-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.sett-subtitle{color:var(--text-secondary);font-size:14px}.sett-section{display:flex;flex-direction:column;gap:16px}.sett-section-header{align-items:center;display:flex;gap:10px}.sett-section-icon{color:var(--text-secondary);font-size:22px}.sett-section-title{color:var(--text-primary);font-size:18px;font-weight:600}.sett-saving{color:var(--text-muted);font-size:12px;margin-left:auto}.sett-color-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:20px}.sett-color-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sett-color-title{color:var(--text-primary);font-size:15px;font-weight:600}.sett-color-preview{border:2px solid var(--border);border-radius:50%;height:28px;width:28px}.sett-color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.sett-swatch{align-items:center;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:transform .15s,box-shadow .15s;width:40px}.sett-swatch:hover{transform:scale(1.1)}.sett-swatch--selected{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 20%,#0000)}.sett-swatch--custom{border:2px solid var(--border);pointer-events:none;position:relative}.sett-eyedropper{color:var(--text-secondary);font-size:18px}.sett-custom-wrapper{height:40px;position:relative;width:40px}.sett-custom-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}@media (max-width:480px){.sett-page{padding:32px 16px 80px}.sett-color-grid{gap:8px}.sett-swatch{height:36px;width:36px}}.notfound-page{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:100px 24px;text-align:center}.notfound-code{color:var(--border);font-size:96px;font-weight:700;letter-spacing:-4px;line-height:1}.notfound-title{color:var(--text-primary);font-size:40px;font-weight:700;letter-spacing:-1px}.notfound-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:8px}.notfound-btn{background:var(--text-primary);border-radius:10px;color:var(--bg);font-size:14px;font-weight:600;margin-top:12px;padding:12px 28px;text-decoration:none;transition:opacity .2s}.notfound-btn:hover{opacity:.8}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg-surface:#111;--border:#222;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--nav-link:#ccc}@media (prefers-color-scheme:light){:root{--bg:#f5f5f5;--bg-surface:#fff;--border:#e0e0e0;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--nav-link:#444}}[data-accent] .hero-btn.primary{background-color:var(--accent-preview);transition:background-color .3s}[data-accent] .hero-btn.secondary{border-color:var(--accent-preview);color:var(--accent-preview);transition:color .3s,border-color .3s}[data-accent] .feature-icon,[data-accent] .navbar-brand,[data-accent] .navbar-link.active{color:var(--accent-preview);transition:color .3s}[data-accent] .feature-card:hover{border-color:var(--accent-preview);box-shadow:0 4px 24px color-mix(in srgb,var(--accent-preview) 15%,#0000);transition:border-color .3s,box-shadow .3s}[data-accent] .color-swatch:hover{outline-color:var(--accent-preview)}[data-accent] .color-swatch-selected{outline-color:var(--accent-preview)!important}[data-accent] .graph-icon{color:var(--accent-preview);transition:color .3s}[data-accent] .graph-card{border-color:color-mix(in srgb,var(--accent-preview) 30%,var(--border));transition:border-color .3s}[data-accent] .nav-menu-icon{color:var(--accent-preview);transition:color .3s}[data-accent] .nav-menu-item:hover{background:color-mix(in srgb,var(--accent-preview) 8%,#0000)}[data-accent] .cloud-badge{background:color-mix(in srgb,var(--accent-preview) 20%,#0000);border-color:color-mix(in srgb,var(--accent-preview) 40%,#0000);color:var(--accent-preview);transition:background .3s,color .3s,border-color .3s}[data-accent] .cloud-feature-icon{color:var(--accent-preview);transition:color .3s}[data-accent] .cloud-feature{border-color:color-mix(in srgb,var(--accent-preview) 25%,var(--border));transition:border-color .3s}[data-accent] .cloud-coming-soon{border-color:color-mix(in srgb,var(--accent-preview) 40%,#0000);transition:border-color .3s}[data-accent] .cloud-coming-soon .material-symbols-outlined{color:var(--accent-preview)!important}[data-accent] .colors-section .features-title,[data-accent] .colors-subtitle,[data-accent] .cta-title,[data-accent] .hero-eyebrow{color:var(--accent-preview);transition:color .3s}[data-accent] .sidebar-link.active{background-color:color-mix(in srgb,var(--accent-preview) 15%,#0000);color:var(--accent-preview)}[data-accent] .footer-link:hover{color:var(--accent-preview)}[data-accent] .download-platform-icon,[data-accent] .download-title{color:var(--accent-preview);transition:color .3s}[data-accent] .download-platform-card:hover{border-color:var(--accent-preview);transition:border-color .3s}[data-accent] .about-title,[data-accent] .about-value-icon,[data-accent] .download-feature-icon,[data-accent] .download-features-title{color:var(--accent-preview);transition:color .3s}[data-accent] .about-value-card:hover{border-color:var(--accent-preview);transition:border-color .3s}[data-accent] .about-beta-icon,[data-accent] .about-section-title{color:var(--accent-preview);transition:color .3s}[data-accent] .about-cta-link{border-color:var(--accent-preview);color:var(--accent-preview);transition:color .3s,border-color .3s}[data-accent] .about-link,[data-accent] .support-info-icon,[data-accent] .support-title{color:var(--accent-preview);transition:color .3s}[data-accent] .support-btn{background-color:var(--accent-preview);transition:background-color .3s}[data-accent] .support-info-card:hover,[data-accent] .support-input:focus{border-color:var(--accent-preview);transition:border-color .3s}body,html{background-color:#000;background-color:var(--bg)}body{color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}body.drawer-open{overflow:hidden}.app{display:flex;flex-direction:column;min-height:100dvh}.app:has(.app-body--authenticated){height:100dvh;overflow:hidden}.app-body{display:flex;flex:1 1;flex-direction:column}.app-body--authenticated{flex-direction:row;min-height:0}.app-body--authenticated .main-content{min-width:0;overflow-y:auto}.main-content{flex:1 1;padding:48px}.page{color:#fff;color:var(--text-primary)}.inactivity-banner{align-items:center;animation:slideUp .3s ease;background:#ff9800;border-radius:12px;bottom:24px;box-shadow:0 4px 20px #0000004d;color:#000;display:flex;font-size:14px;font-weight:600;gap:10px;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.inactivity-banner .material-symbols-outlined{font-size:20px}
/*# sourceMappingURL=main.bf715dff.css.map*/