body{background-color:#f5f5f5;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}:root{--shadow-lg:0 20px 60px #1a2f2326;--gold:#d4a574;--gold-light:#e8c49a;--gold-dark:#b8925f;--silver:#8a9a8e;--silver-light:#a8b5ab}.landing-page{background:#fff;background:var(--white);color:#1a2f23;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.landing-nav{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:1rem 3rem;position:fixed;right:0;top:0;transition:all .3s ease;transition:var(--transition);z-index:1000}.landing-nav.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 2px 10px #1a2f2314;box-shadow:var(--shadow-sm);padding:.8rem 3rem}.landing-logo{align-items:center;display:flex;gap:.75rem}.landing-logo .logo-icon{font-size:2rem}.landing-logo .logo-main{color:#1a2f23;color:var(--forest-dark);font-size:1.5rem;font-weight:800;letter-spacing:-1px}.landing-logo .logo-tagline{color:#5a6b5e;color:var(--text-muted);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase}.nav-actions{align-items:center;display:flex;gap:1rem}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.nav-btn.login{background:#0000;color:#1a2f23;color:var(--forest-dark)}.nav-btn.login:hover{background:#f5f0e8;background:var(--cream)}.nav-btn.signup{background:#2d5a3d;background:var(--forest);color:#fff;color:var(--white)}.nav-btn.signup:hover{background:#1a2f23;background:var(--forest-dark);transform:translateY(-2px)}.hero-section{align-items:center;background:#f5f0e8;background:var(--cream);display:flex;gap:4rem;justify-content:center;min-height:100vh;padding:6rem 5% 4rem}.hero-content{flex:1 1;max-width:600px}.hero-title{color:#1a2f23;color:var(--forest-dark);font-size:2rem;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:.5rem}.hero-highlight{color:#2d5a3d;color:var(--forest)}.rotating-text{animation:fadeInUp .5s ease;color:#d4a574;color:var(--tan);display:inline-block;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{color:#5a6b5e;color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem;margin-top:10px}.hero-cta{display:flex;gap:1rem;margin-bottom:1.5rem}.cta-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.cta-btn.primary{background:#2d5a3d;background:var(--forest);color:#fff;color:var(--white)}.cta-btn.primary:hover{background:#1a2f23;background:var(--forest-dark);box-shadow:0 8px 30px #1a2f231f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.cta-btn.secondary{background:#fff;background:var(--white);border:2px solid #ebe4d8;border:2px solid var(--cream-dark);color:#1a2f23;color:var(--forest-dark)}.cta-btn.secondary:hover{background:#f5f0e8;background:var(--cream);border-color:#2d5a3d;border-color:var(--forest)}.cta-btn.large{font-size:1.1rem;padding:1.2rem 2.5rem}.hero-platforms{color:#5a6b5e;color:var(--text-muted);font-size:.9rem}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center}.phone-mockup{height:500px;width:250px}.screenshot-placeholder{align-items:center;background:linear-gradient(135deg,#2d5a3d,#3d7a52);background:linear-gradient(135deg,var(--forest) 0,var(--forest-light) 100%);border-radius:30px;color:#fff;color:var(--white);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.screenshot-placeholder.large{border-radius:16px;box-shadow:0 8px 30px #1a2f231f;box-shadow:var(--shadow-md);height:350px;max-width:500px;width:100%}.placeholder-icon{font-size:3rem;opacity:.8}.placeholder-text{font-size:.9rem;font-weight:500;opacity:.7}.feature-section{background:#fff;background:var(--white);padding:6rem 5%}.feature-section.alt{background:#f5f0e8;background:var(--cream)}.feature-container{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1100px}.feature-container.reverse{flex-direction:row-reverse}.feature-text{flex:1 1}.feature-text h2{color:#1a2f23;color:var(--forest-dark);font-size:2rem;font-weight:700;margin-bottom:1rem}.feature-text p{color:#5a6b5e;color:var(--text-muted);font-size:1.1rem;line-height:1.7}.feature-image{display:flex;flex:1 1;justify-content:center}.features-list-section{background:#f5f0e8;background:var(--cream);padding:6rem 5%}.features-list-container{margin:0 auto;max-width:1000px}.features-title{color:#1a2f23;color:var(--forest-dark);font-size:2.2rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.features-column{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 2px 10px #1a2f2314;box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s ease;transition:var(--transition)}.features-column:hover{box-shadow:0 8px 30px #1a2f231f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.features-column.gold{background:linear-gradient(135deg,#fff,#faf8f5);background:linear-gradient(135deg,var(--white) 0,#faf8f5 100%);border:2px solid #d4a574;border:2px solid var(--gold)}.column-header{align-items:center;border-bottom:2px solid #ebe4d8;border-bottom:2px solid var(--cream-dark);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.features-column.gold .column-header{border-bottom-color:#e8c49a;border-bottom-color:var(--gold-light)}.coin-icon{font-size:2rem}.coin-icon.silver{filter:grayscale(.3)}.coin-icon.gold{filter:none}.column-header h3{color:#1a2f23;color:var(--forest-dark);flex:1 1;font-size:1.2rem;font-weight:700}.tier-badge{border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.3rem .8rem}.tier-badge.silver{background:#a8b5ab;background:var(--silver-light);color:#1a2f23;color:var(--forest-dark)}.tier-badge.gold{background:linear-gradient(135deg,#d4a574,#b8925f);background:linear-gradient(135deg,var(--gold) 0,var(--gold-dark) 100%);color:#fff;color:var(--white)}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:flex-start;color:#1a2f23;color:var(--text-dark);display:flex;font-size:.95rem;gap:.75rem;padding:.6rem 0}.check-icon{flex-shrink:0;font-size:1rem;font-weight:700;margin-top:2px}.check-icon.silver{color:#8a9a8e;color:var(--silver)}.check-icon.gold{color:#b8925f;color:var(--gold-dark)}.features-cta{margin-top:3rem;text-align:center}.how-it-works-section{background:#fff;background:var(--white);padding:6rem 5%}.how-container{margin:0 auto;max-width:1100px}.how-container h2{color:#1a2f23;color:var(--forest-dark);font-size:2.2rem;font-weight:700;margin-bottom:3rem;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.step-card{background:#f5f0e8;background:var(--cream);border-radius:16px;padding:2rem;position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.step-card:hover{box-shadow:0 8px 30px #1a2f231f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.step-number{background:var(--forest);color:var(--white);font-size:.9rem;height:30px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:30px}.step-icon{font-size:3rem;margin-bottom:1rem}.step-card h3{color:#1a2f23;color:var(--forest-dark);font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.step-card p{color:#5a6b5e;color:var(--text-muted);font-size:.95rem;line-height:1.6}.final-cta-section{background:#1a2f23;background:var(--forest-dark);padding:6rem 5%;text-align:center}.final-cta-container{margin:0 auto;max-width:700px}.final-cta-container h2{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin-bottom:1rem}.final-cta-container p{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.final-cta-section .cta-btn.primary{background:#d4a574;background:var(--tan);color:#1a2f23;color:var(--forest-dark)}.final-cta-section .cta-btn.primary:hover{background:#e0b88a;background:var(--tan-light)}.landing-footer{background:#1a2f23;background:var(--forest-dark);color:#fff;color:var(--white);padding:4rem 5% 2rem}.landing-footer .footer-content{grid-gap:3rem;border-bottom:1px solid #ffffff1a;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1100px;padding-bottom:2rem}.footer-section.brand{padding-right:2rem}.landing-footer .footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.landing-footer .footer-logo .logo-icon{font-size:1.5rem}.landing-footer .footer-logo .logo-main{font-size:1.3rem;font-weight:800}.landing-footer .footer-tagline{color:#fff9;font-size:.9rem;line-height:1.6}.footer-section h4{color:#fff;color:var(--white);font-size:.9rem;font-weight:700;margin-bottom:1rem}.footer-section.links{display:flex;flex-direction:column;gap:.5rem}.footer-section.links a,.footer-section.links button{background:none;border:none;color:#fff9;cursor:pointer;font-family:inherit;font-size:.85rem;padding:0;text-align:left;transition:all .3s ease;transition:var(--transition)}.footer-section.links a:hover,.footer-section.links button:hover{color:#d4a574;color:var(--tan)}.footer-bottom{margin:0 auto;max-width:1100px;padding-top:0;text-align:center}.footer-bottom p{color:#ffffff80;font-size:.85rem;margin-bottom:.5rem}.footer-bottom .copyright{font-size:.75rem}@media (max-width:1024px){.hero-section{flex-direction:column;padding-top:8rem;text-align:center}.hero-content{max-width:100%}.hero-cta,.phone-mockup{justify-content:center}.phone-mockup{align-items:center;display:flex}.feature-container,.feature-container.reverse{flex-direction:column;text-align:center}.features-columns,.steps-grid{grid-template-columns:1fr}.steps-grid{margin:0 auto;max-width:400px}.landing-footer .footer-content{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.landing-nav{padding:1rem 1.5rem}.hero-image{margin-bottom:2rem;margin-top:2rem}.landing-nav.scrolled{padding:.8rem 1.5rem}.landing-logo .logo-main{font-size:1.3rem}.landing-logo .logo-tagline{display:none}.nav-btn{font-size:.85rem;padding:.5rem 1rem}.hero-section{min-height:auto;padding:5rem 1.5rem 3rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;gap:.75rem}.cta-btn{width:100%}.phone-mockup{height:520px;width:260px}.feature-section{padding:4rem 1.5rem}.feature-text h2{font-size:1.6rem}.screenshot-placeholder.large{height:280px}.features-list-section{padding:4rem 1.5rem}.features-title{font-size:1.8rem}.how-it-works-section{padding:4rem 1.5rem}.how-container h2{font-size:1.8rem}.final-cta-section{padding:4rem 1.5rem}.final-cta-container h2{font-size:1.6rem}.landing-footer{padding:3rem 1.5rem 1.5rem}.landing-footer .footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-section.brand{padding-right:0}.landing-footer .footer-logo{justify-content:center}.footer-section.links{align-items:center}.footer-section.links a,.footer-section.links button{text-align:center}}@media (max-width:480px){.hero-title{font-size:1.2rem}.phone-mockup{height:400px;width:260px}.features-column,.step-card{padding:1.5rem}}.screenshot-image{border-radius:12px;box-shadow:0 10px 40px #00000026;height:auto;max-width:400px;width:100%}.learn-more-link{background:none;border:none;color:#2563eb;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:12px;padding:0;transition:all .2s ease}.learn-more-link:hover{color:#1d4ed8;text-decoration:underline;transform:translateX(4px)}.expense-help-modal-overlay{background:#000000b3;bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.expense-help-modal{border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.expense-help-modal .expense-help{max-height:none;min-height:auto;overflow:visible}@media (max-width:768px){.expense-help-modal{border-radius:0}.expense-help-modal-overlay{padding:0}}.expense-help{background:#f5f3ef;background:var(--cream,#f5f3ef);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;max-height:100vh;min-height:100vh;overflow-y:auto}.help-header{background:linear-gradient(135deg,#2d5a3d,#1a3d28);background:linear-gradient(135deg,var(--forest,#2d5a3d) 0,#1a3d28 100%);color:#fff;padding:32px 24px;position:relative;text-align:center}.help-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.help-header p{font-size:14px;opacity:.9}.help-close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:36px;position:absolute;right:16px;top:16px;transition:background .2s;width:36px}.help-close-btn:hover{background:#ffffff4d}.help-container{display:flex;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);overflow:visible}.help-nav{background:#fff;border-right:1px solid #e8e5e0;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;width:220px}.help-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:4px;padding:12px 14px;text-align:left;transition:all .15s;width:100%}.help-nav-item:hover{background:#f5f3ef;background:var(--cream,#f5f3ef);color:#2d5a3d;color:var(--forest,#2d5a3d)}.help-nav-item.active{background:#2d5a3d;background:var(--forest,#2d5a3d);color:#fff}.nav-icon{font-size:16px}.nav-label{flex:1 1}.help-content{flex:1 1;max-width:800px;overflow-y:auto;padding:32px}.help-section{animation:fadeIn .3s ease}.help-section h2{border-bottom:2px solid #e8e5e0;border-bottom:2px solid var(--cream-dark,#e8e5e0);font-size:24px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.help-section h2,.help-section h3{color:#1a3d28;color:var(--forest-dark,#1a3d28)}.help-section h3{font-size:18px;font-weight:600;margin:28px 0 14px}.help-section h4{color:#2d5a3d;color:var(--forest,#2d5a3d);font-size:15px;font-weight:600;margin:20px 0 10px}.help-section p{color:#555;line-height:1.7;margin-bottom:16px}.help-section ul{margin:12px 0;padding-left:24px}.help-section li{line-height:1.6;margin-bottom:8px}.intro-box{background:linear-gradient(135deg,#f0f7f2,#e8f5ec);border-left:4px solid #2d5a3d;border-left:4px solid var(--forest,#2d5a3d);border-radius:0 12px 12px 0;margin-bottom:24px;padding:20px 24px}.intro-box p{font-size:15px;margin:0}.info-box,.tip-box,.warning-box{border-radius:10px;display:flex;gap:14px;margin:20px 0;padding:16px 20px}.tip-box{background:#f0f9ff;border:1px solid #bae6fd}.info-box{background:#f5f3ef;border:1px solid #e8e5e0}.warning-box{background:#fef3c7;border:1px solid #fcd34d}.info-icon,.tip-icon,.warning-icon{flex-shrink:0;font-size:20px}.info-content,.tip-content,.warning-content{flex:1 1;font-size:13px;line-height:1.6}.members-showcase{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:24px 0}.member-card{background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px 32px;text-align:center;transition:transform .2s}.member-card:hover{transform:translateY(-3px)}.member-avatar-lg{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.member-name-lg{color:#333;font-size:16px;font-weight:600}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-icon{font-size:32px;margin-bottom:12px}.feature-card h4{color:#1a3d28;color:var(--forest-dark,#1a3d28);font-size:14px;font-weight:600;margin:0 0 8px}.feature-card p{color:#666;font-size:12px;line-height:1.5;margin:0}.workflow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}.workflow-step{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;gap:12px;min-width:160px;padding:16px}.step-number{align-items:center;background:#2d5a3d;background:var(--forest,#2d5a3d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.step-content strong{color:#1a3d28;color:var(--forest-dark,#1a3d28);display:block;font-size:13px;margin-bottom:4px}.step-content p{color:#888;font-size:11px;margin:0}.workflow-arrow{color:#ccc;font-size:20px}.screen-simulation{background:#fff;border-radius:14px;box-shadow:0 4px 16px #0000001a;margin:20px 0;overflow:hidden;position:relative}.screen-simulation.detail-modal{max-width:420px}.sim-header{background:linear-gradient(135deg,#2d5a3d,#1a3d28);background:linear-gradient(135deg,var(--forest,#2d5a3d) 0,#1a3d28 100%);color:#fff;font-size:15px;font-weight:600;padding:14px 20px}.sim-form{padding:20px}.sim-form-row{display:flex;gap:14px;margin-bottom:14px}.sim-form-group{flex:1 1}.sim-form-group.full{flex:none;width:100%}.sim-form-group label{color:#555;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.sim-input{background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:13px;padding:10px 12px;width:100%}.sim-input.small{width:80px}.sim-input.tiny{text-align:center;width:50px}.sim-checkbox{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 0}.sim-checkbox.checked{color:#2d5a3d;color:var(--forest,#2d5a3d)}.sim-note{color:#888;font-size:11px;margin-left:8px}.sim-note.highlight{color:#2d5a3d;color:var(--forest,#2d5a3d);font-weight:600}.sim-section-header{background:#f5f5f5;border-bottom:1px solid #e8e8e8;color:#1a3d28;color:var(--forest-dark,#1a3d28);font-size:13px;font-weight:600;padding:12px 20px}.sim-tabs{background:#f8f8f8;display:flex;gap:4px;padding:12px 20px}.sim-tab{background:#fff;border:none;border-radius:6px;color:#666;cursor:default;font-size:12px;font-weight:500;padding:8px 14px}.sim-tab.active{background:#2d5a3d;background:var(--forest,#2d5a3d);color:#fff}.sim-hint{color:#888;font-size:11px;margin:0;padding:8px 20px 0}.sim-split-list{padding:16px 20px}.sim-split-row{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 14px}.sim-member-name{align-items:center;color:#333;display:flex;font-size:13px;font-weight:500;gap:10px}.pct-hint{color:#888}.sim-input-group{align-items:center;display:flex;gap:6px}.sim-currency{color:#888;font-size:11px;font-weight:500}.sim-shares-input{align-items:center;display:flex;gap:4px}.shares-label{color:#888;font-size:10px}.shares-result{color:#2d5a3d;color:var(--forest,#2d5a3d);min-width:70px}.shares-result,.sim-total,.sim-total-shares{font-size:13px;font-weight:600;text-align:right}.sim-total,.sim-total-shares{border-radius:8px;margin-top:8px;padding:10px 14px}.sim-total.valid{background:#f0fdf4;color:#16a34a}.sim-total.invalid{background:#fef2f2;color:#dc2626}.sim-total-shares{background:#f0f9ff;color:#0369a1}.sim-display-value{background:#e8f5ec;border-radius:6px;color:#2d5a3d;color:var(--forest,#2d5a3d);font-size:14px;font-weight:600;padding:6px 12px}.sim-buttons{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}.sim-btn{border:none;border-radius:8px;cursor:default;font-size:12px;font-weight:600;padding:10px 18px}.sim-btn.primary{background:#2d5a3d;background:var(--forest,#2d5a3d);color:#fff}.sim-btn.secondary{background:#e8e8e8;color:#555}.sim-detail-content{padding:20px}.sim-detail-header{align-items:flex-start;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.sim-detail-title{display:flex;gap:12px}.sim-category-icon{font-size:28px}.sim-detail-title h4{color:#333;font-size:15px;font-weight:600;margin:0 0 4px}.sim-meta{color:#888;font-size:11px}.sim-detail-amount{color:#2d5a3d;color:var(--forest,#2d5a3d);font-size:22px;font-weight:700}.sim-detail-section{margin-bottom:18px}.sim-detail-section h5{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.sim-detail-list{display:flex;flex-direction:column;gap:6px}.sim-detail-row{align-items:center;background:#f8f8f8;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.sim-detail-row span{align-items:center;display:flex;gap:8px}.sim-detail-row.green{background:#f0fdf4}.sim-detail-row .positive{color:#16a34a;font-weight:600}.sim-detail-row .negative{color:#dc2626;font-weight:600}.sim-detail-row .neutral{color:#888;font-weight:600}.mini-avatar{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.help-table{border-collapse:collapse;font-size:13px;margin:16px 0;width:100%}.help-table td,.help-table th{border-bottom:1px solid #e8e8e8;padding:12px 16px;text-align:left}.help-table th{background:#f5f5f5;color:#1a3d28;color:var(--forest-dark,#1a3d28);font-weight:600}.help-table td{color:#555}.help-table tr:hover td{background:#fafafa}.scenario-box{background:linear-gradient(135deg,#fff9e6,#fef3c7);border:1px solid #fcd34d;border-radius:12px;display:flex;gap:16px;margin:20px 0;padding:20px}.scenario-icon{flex-shrink:0;font-size:36px}.scenario-content{flex:1 1;font-size:14px;line-height:1.7}.scenario-content ul{margin:10px 0 0;padding-left:20px}.scenario-content li{margin-bottom:6px}.result-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:20px 0;overflow:hidden}.breakdown-section{padding:16px 20px}.breakdown-section h4{color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.breakdown-row{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:6px;padding:10px 14px}.breakdown-row.highlight-green{background:#f0fdf4}.breakdown-name{align-items:center;display:flex;font-size:13px;font-weight:500;gap:10px}.breakdown-amount{color:#16a34a;font-size:14px;font-weight:600}.calculation-box{background:#fff;border:2px solid #e8e5e0;border:2px solid var(--cream-dark,#e8e5e0);border-radius:12px;margin:20px 0;padding:20px}.calc-formula{background:#2d5a3d;background:var(--forest,#2d5a3d);border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;padding:14px 18px}.calc-examples{display:flex;flex-direction:column;gap:8px}.calc-row{background:#f8f8f8;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:10px 14px}.calc-row.highlight{background:#f0f9ff;border:1px solid #bae6fd}.calc-divider{background:#e8e8e8;height:1px;margin:8px 0}.calc-total{background:#f0fdf4;border-radius:6px;color:#16a34a;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-top:8px;padding:12px 14px}.validation-example{background:#fff;border-radius:8px;margin-top:12px;padding:12px 16px}.validation-example .calc{color:#16a34a;font-family:monospace;font-size:15px}.use-cases{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.use-case{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;gap:12px;padding:14px 16px}.use-icon{font-size:24px}.use-text{color:#555;font-size:12px}.legend-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:20px}.legend-box h4{color:#1a3d28;color:var(--forest-dark,#1a3d28);font-size:14px;font-weight:600;margin:0 0 14px}.legend-items{display:flex;flex-direction:column;gap:10px}.legend-item{font-size:13px;gap:12px}.legend-color{border-radius:4px;height:20px;width:20px}.legend-color.positive{background:#16a34a}.legend-color.negative{background:#dc2626}.legend-color.neutral{background:#9ca3af}.full-example{background:#fff;border-radius:14px;box-shadow:0 3px 12px #00000014;margin:24px 0;overflow:hidden}.example-header{background:linear-gradient(135deg,#2d5a3d,#1a3d28);background:linear-gradient(135deg,var(--forest,#2d5a3d) 0,#1a3d28 100%);color:#fff;padding:16px 20px}.example-number{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-bottom:6px;padding:4px 10px}.example-header h3{color:#fff;font-size:17px;font-weight:600;margin:8px 0 0}.example-content{padding:24px}.example-scenario{background:#fff9e6;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;font-size:14px;line-height:1.7;margin-bottom:24px;padding:16px 20px}.example-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.example-step{align-items:flex-start;display:flex;gap:14px}.step-num{align-items:center;background:#2d5a3d;background:var(--forest,#2d5a3d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step-detail{background:#f8f8f8;border-radius:10px;flex:1 1;font-size:13px;line-height:1.6;padding:14px 18px}.step-note{color:#888;display:block;font-size:11px;margin-top:4px}.example-result{background:#f5f5f5;border-radius:10px;padding:20px}.example-result h4{color:#1a3d28;color:var(--forest-dark,#1a3d28);font-size:14px;font-weight:600;margin:0 0 14px}.result-table{border-collapse:collapse;font-size:13px;width:100%}.result-table td,.result-table th{border-bottom:1px solid #e0e0e0;padding:10px 12px;text-align:left}.result-table th{background:#fff;color:#555;font-weight:600}.result-table td{background:#fff}.result-table .positive{color:#16a34a;font-weight:600}.result-table .negative{color:#dc2626;font-weight:600}.result-note{background:#f0f9ff;border-radius:8px;color:#0369a1;font-size:13px;margin-top:16px;padding:12px 16px}.quick-reference{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:32px;padding:24px}.quick-reference h3{font-size:16px;margin:0 0 16px}.reference-table{border-collapse:collapse;font-size:13px;width:100%}.reference-table td,.reference-table th{border-bottom:1px solid #e8e8e8;padding:12px 14px;text-align:left}.reference-table th{background:#2d5a3d;background:var(--forest,#2d5a3d);color:#fff}.reference-table tr:nth-child(2n) td{background:#fafafa}.positive{color:#16a34a!important}.negative{color:#dc2626!important}@media (max-width:900px){.help-container{flex-direction:column}.help-nav{border-bottom:1px solid #e8e5e0;border-right:none;display:flex;flex-wrap:wrap;gap:6px;max-height:none;padding:12px;position:static;width:100%}.help-nav-item{flex:none;margin-bottom:0;padding:8px 12px}.nav-label{display:none}.help-content{padding:24px 16px}.workflow-steps{align-items:stretch;flex-direction:column}.workflow-arrow{align-self:center;transform:rotate(90deg)}.workflow-step{min-width:auto}.sim-form-row,.sim-split-row{flex-direction:column}.sim-split-row{align-items:flex-start;gap:10px}.sim-detail-header{flex-direction:column;gap:12px}.example-steps{gap:16px}}@media (max-width:480px){.help-header h1{font-size:22px}.help-section h2{font-size:20px}.members-showcase{align-items:center;flex-direction:column}.member-card{max-width:200px;width:100%}.features-grid,.use-cases{grid-template-columns:1fr}.result-table{font-size:11px}.result-table td,.result-table th{padding:8px 6px}}.sim-phone{background:#1a1a1a;border-radius:40px;box-shadow:0 25px 80px #0000004d,0 0 0 2px #333;height:620px;padding:12px;position:relative;width:320px}.sim-phone-notch{background:#1a1a1a;border-radius:0 0 16px 16px;height:24px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:100px;z-index:10}.sim-phone-screen{background:linear-gradient(180deg,#f5f3ef,#fff);border-radius:32px;height:100%;overflow:hidden;padding:36px 16px 16px;width:100%}.sim-app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sim-user-greeting{align-items:center;display:flex;gap:10px}.sim-wave{font-size:24px}.sim-greeting-text{color:#888;font-size:11px;margin:0}.sim-user-name{color:#2d5a3d;font-size:16px;font-weight:700;margin:0}.sim-header-actions{display:flex;gap:8px}.sim-icon-btn{font-size:16px;opacity:.7}.sim-summary-card{background:linear-gradient(135deg,#2d5a3d,#1a3d28);border-radius:16px;color:#fff;margin-bottom:16px;padding:16px}.sim-summary-label{font-size:11px;margin:0 0 4px;opacity:.8}.sim-summary-amount{font-size:28px;font-weight:700;margin:0}.sim-summary-sub{font-size:10px;margin:6px 0 0;opacity:.7}.sim-section{margin-bottom:16px}.sim-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sim-section-header h4{color:#333;font-size:13px;font-weight:600;margin:0}.sim-add-btn{background:none;border:none;color:#2d5a3d;cursor:pointer;font-size:10px;font-weight:600}.sim-groups-list{display:flex;flex-direction:column;gap:8px}.sim-group-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:10px;padding:10px 12px}.sim-group-icon{font-size:20px}.sim-group-info{flex:1 1}.sim-group-info h5{color:#333;font-size:12px;font-weight:600;margin:0 0 2px}.sim-group-members{color:#888;font-size:9px}.sim-group-balance{font-size:12px;font-weight:700}.sim-group-balance.positive{color:#10b981}.sim-group-balance.negative{color:#ef4444}.sim-quick-actions{display:flex;gap:8px}.sim-quick-btn{align-items:center;background:#fff;border:1.5px solid #e8e5e0;border-radius:12px;color:#2d5a3d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:600;gap:4px;padding:12px 8px}.sim-quick-btn span:first-child{font-size:18px}.sim-card-large{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0000001a;max-width:420px;overflow:hidden;width:100%}.sim-card-header{align-items:center;background:linear-gradient(135deg,#2d5a3d,#1a3d28);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.sim-card-header h3{font-size:18px;font-weight:600;margin:0}.sim-badge{background:#fff3;border-radius:12px;font-size:11px;padding:4px 10px}.sim-balance-grid{display:flex;flex-direction:column;gap:8px;padding:20px 24px}.sim-balance-card{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.sim-balance-card.positive{background:#f0fdf4;border-left:3px solid #10b981}.sim-balance-card.negative{background:#fef2f2;border-left:3px solid #ef4444}.sim-balance-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sim-balance-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.sim-balance-name{color:#333;font-size:14px;font-weight:500}.sim-balance-amount{font-size:15px;font-weight:700}.sim-balance-amount.positive{color:#10b981}.sim-balance-amount.negative{color:#ef4444}.sim-debts-section{padding:0 24px 20px}.sim-debts-section h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.sim-debts-list{display:flex;flex-direction:column;gap:8px}.sim-debt-row{align-items:center;background:#f5f3ef;border-radius:10px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.sim-debt-from{color:#ef4444;font-weight:600}.sim-debt-arrow{color:#888;font-size:11px}.sim-debt-to{color:#10b981;font-weight:600}.sim-debt-amount{color:#2d5a3d;font-weight:700;margin-left:auto}.sim-summary-bar{background:#f0fdf4;color:#10b981;font-size:12px;font-weight:500;padding:12px 24px;text-align:center}.sim-create-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.sim-groups-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:20px 24px}.sim-group-card{background:#f8f8f8;border-radius:14px;padding:16px;transition:transform .2s}.sim-group-card:hover{transform:translateY(-2px)}.sim-group-card-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.sim-group-card-icon{font-size:24px}.sim-group-card-header h4{color:#333;font-size:12px;font-weight:600;line-height:1.3;margin:0}.sim-group-card-stats{display:flex;gap:16px;margin-bottom:14px}.sim-stat{display:flex;flex-direction:column}.sim-stat-value{color:#2d5a3d;font-size:14px;font-weight:700}.sim-stat-label{color:#888;font-size:9px}.sim-group-card-members{align-items:center;display:flex;justify-content:space-between}.sim-members-avatars{display:flex}.sim-mini-avatar{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-6px;width:24px}.sim-mini-avatar:first-child{margin-left:0}.sim-mini-avatar.more{background:#e8e5e0;color:#666}.sim-currency-badge{background:#e8f5ec;border-radius:6px;color:#2d5a3d;font-size:10px;font-weight:600;padding:3px 8px}.sim-screen-header{align-items:center;border-bottom:1px solid #e8e5e0;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px 12px}.sim-back-btn{color:#2d5a3d;font-size:16px;font-weight:600;width:24px}.sim-header-title{color:#333;font-size:14px;font-weight:600}.sim-header-spacer{width:24px}.sim-expense-info-phone{align-items:flex-start;border-bottom:1px solid #e8e5e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.sim-expense-title-phone{align-items:flex-start;display:flex;gap:10px}.sim-expense-icon-phone{font-size:28px}.sim-expense-title-phone h4{color:#333;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 3px}.sim-expense-meta-phone{color:#888;font-size:9px}.sim-expense-amount-phone{color:#2d5a3d;font-size:18px;font-weight:700}.sim-phone-content{flex:1 1;overflow-y:auto}.sim-phone-section{margin-bottom:14px}.sim-phone-section h5{color:#888;font-size:9px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.sim-phone-list{display:flex;flex-direction:column;gap:6px}.sim-phone-row{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.sim-phone-row.completed{background:#f0fdf4;border-left:2px solid #10b981}.sim-row-left{align-items:center;display:flex;gap:8px}.sim-row-left span{color:#333;font-size:11px;font-weight:500}.sim-row-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.sim-avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.sim-amount-sm{color:#333;font-size:11px;font-weight:600}.sim-amount-sm.positive{color:#10b981}.sim-amount-sm.negative{color:#ef4444}.sim-check-icon{color:#10b981;font-size:12px;font-weight:700}.sim-date{color:#888;font-size:8px}.sim-settle-summary-card{align-items:center;background:linear-gradient(135deg,#2d5a3d,#1a3d28);border-radius:12px;color:#fff;display:flex;gap:12px;margin-bottom:14px;padding:14px}.sim-settle-icon-lg{font-size:28px}.sim-settle-label{font-size:10px;margin:0 0 2px;opacity:.8}.sim-settle-total{font-size:20px;font-weight:700;margin:0}.sim-settlements-list{display:flex;flex-direction:column;gap:8px}.sim-settlement-card{background:#fffbeb;border:1.5px dashed #fcd34d;border-radius:10px;padding:10px}.sim-settlement-flow{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sim-settle-person-sm{align-items:center;display:flex;flex-direction:column;gap:4px}.sim-settle-person-sm span{color:#333;font-size:9px;font-weight:500}.sim-flow-arrow{align-items:center;display:flex;flex-direction:column;gap:2px}.sim-arrow-icon{color:#10b981;font-size:14px}.sim-flow-amount{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000001a;color:#2d5a3d;font-size:11px;font-weight:700;padding:2px 8px}.sim-pay-btn{background:#2d5a3d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:8px;width:100%}.sim-phone-banner{align-items:center;background:#f0fdf4;border-radius:0 0 32px 32px;color:#10b981;display:flex;font-size:10px;font-weight:500;gap:6px;justify-content:center;margin:8px -16px -16px;padding:10px}@media (max-width:900px){.sim-phone{border-radius:36px;height:600px;padding:10px;width:300px}.sim-phone-screen{font-size:.9em}.sim-summary-card{margin-bottom:12px;padding:12px}.sim-summary-amount{font-size:24px}.sim-group-item{padding:8px 10px}}@media (max-width:768px){.sim-phone{border-radius:32px;height:520px;margin:0 auto;padding:10px;width:280px}.sim-phone-screen{border-radius:24px;font-size:.85em;padding:30px 12px 12px}.sim-phone-notch{height:22px;width:90px}.sim-summary-card{margin-bottom:10px;padding:10px}.sim-summary-amount{font-size:22px}.sim-section{margin-bottom:12px}.sim-group-item{gap:8px;padding:7px 9px}.sim-group-icon{font-size:16px}.sim-group-info h5{font-size:10px}.sim-group-members{font-size:8px}.sim-group-balance{font-size:10px}.sim-quick-actions{gap:6px}.sim-quick-btn{font-size:8px;padding:8px 6px}.sim-quick-btn span:first-child{font-size:14px}.sim-expense-icon-phone{font-size:22px}.sim-expense-title-phone h4{font-size:10px}.sim-expense-amount-phone{font-size:14px}.sim-phone-section{margin-bottom:10px}.sim-phone-section h5{font-size:8px;margin-bottom:6px}.sim-phone-row{padding:6px 8px}.sim-avatar-sm{font-size:8px;height:20px;width:20px}.sim-amount-sm,.sim-row-left span{font-size:9px}.sim-settle-summary-card{gap:10px;margin-bottom:10px;padding:10px}.sim-settle-icon-lg{font-size:22px}.sim-settle-total{font-size:16px}.sim-settlement-card{padding:8px}.sim-settle-person-sm span{font-size:8px}.sim-flow-amount{font-size:9px;padding:2px 6px}.sim-pay-btn{font-size:8px;padding:6px}.sim-phone-banner{font-size:8px;margin:6px -12px -12px;padding:8px}}@media (max-width:480px){.sim-phone{border-radius:28px;height:480px;padding:8px;width:240px}.sim-phone-screen{border-radius:20px;font-size:.75em;padding:24px 10px 10px}.sim-phone-notch{border-radius:0 0 12px 12px;height:18px;width:70px}.sim-app-header{margin-bottom:10px}.sim-wave{font-size:18px}.sim-user-name{font-size:12px}.sim-greeting-text{font-size:9px}.sim-summary-card{border-radius:12px;margin-bottom:8px;padding:8px}.sim-summary-label{font-size:9px}.sim-summary-amount{font-size:18px}.sim-summary-sub{font-size:8px}.sim-section-header h4{font-size:10px}.sim-add-btn{font-size:8px}.sim-groups-list{gap:5px}.sim-group-item{border-radius:8px;gap:6px;padding:6px 8px}.sim-group-icon{font-size:14px}.sim-group-info h5{font-size:9px}.sim-group-members{font-size:7px}.sim-group-balance{font-size:9px}.sim-quick-btn{border-radius:8px;padding:6px 4px}.sim-quick-btn span:first-child{font-size:12px}.sim-card-large{max-width:100%}.sim-groups-grid{grid-template-columns:1fr}}.login-container{align-items:center;background:#f5f0e8;background:var(--cream);display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.back-to-landing{background:#2d5a3d;background:var(--forest);border:1px solid #ffffff4d;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;left:20px;padding:.6rem 1.2rem;position:absolute;top:20px;transition:all .3s ease}.back-to-landing:hover{background:#1a2f23;background:var(--forest-dark);border-color:#ffffff80;transform:translateX(-3px)}.login-header{color:#ffffffe6;font-size:13px;left:50%;position:absolute;text-align:center;top:18px;transform:translateX(-50%)}.login-header .version{color:#e0b88a;color:var(--tan-light)}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;max-width:900px;min-height:500px;overflow:hidden;width:100%}.login-form-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:40px}.login-form-content{max-width:320px;width:100%}.login-logo{margin-bottom:30px;text-align:center}.login-logo .logo-icon{display:block;font-size:48px;margin-bottom:10px}.login-logo h1{color:#2d5a3d;color:var(--forest);font-size:32px;font-weight:700;margin:0}.login-logo p{color:#5a6b5e;color:var(--text-muted);font-size:14px;margin:5px 0 0}.form-title{color:#1a2f23;color:var(--text-dark);font-size:22px;font-weight:600;margin-bottom:25px;text-align:center}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{background:#f5f0e8;background:var(--cream);border:2px solid #ebe4d8;border:2px solid var(--cream-dark);border-radius:12px;font-size:15px;padding:14px 18px;transition:all .2s ease;width:100%}.login-input:focus{background:#fff;border-color:#2d5a3d;border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.login-input:disabled{background:#f3f4f6;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#2d5a3d,#1a2f23);background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #2d5a3d66;transform:translateY(-2px)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.login-error{background:#fef2f2;border-radius:8px;color:#dc2626;margin-top:15px;padding:10px}.login-error,.login-switch{font-size:14px;text-align:center}.login-switch{color:#5a6b5e;color:var(--text-muted);margin-top:25px}.switch-button{background:none;border:none;color:#2d5a3d;color:var(--forest);cursor:pointer;font-size:14px;font-weight:600}.switch-button:hover{text-decoration:underline}.login-decor-section{align-items:center;background:linear-gradient(135deg,#2d5a3d,#1a2f23);background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);color:#fff;display:flex;flex:1 1;justify-content:center;padding:40px}.decor-content{text-align:center}.decor-content h2{font-size:28px;font-weight:700;margin-bottom:15px}.decor-content>p{font-size:16px;margin-bottom:30px;opacity:.9}.decor-features{display:inline-block;text-align:left}.feature-item{font-size:15px;opacity:.95;padding:8px 0}.login-status-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;padding:50px 40px;text-align:center;width:400px}.spinner{border:4px solid #ebe4d8;border-top:4px solid #2d5a3d;border:4px solid var(--cream-dark);height:50px;margin:0 auto 25px;width:50px}.success-icon{align-items:center;background:linear-gradient(135deg,#3d7a52,#2d5a3d);background:linear-gradient(135deg,var(--forest-light) 0,var(--forest) 100%);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:70px;justify-content:center;margin:0 auto 25px;width:70px}.status-title{font-size:22px;margin-bottom:15px}.status-title.loading{color:#2d5a3d;color:var(--forest)}.status-title.success{color:#3d7a52;color:var(--forest-light)}.status-user{color:#1a2f23;color:var(--text-dark);font-size:16px;margin-bottom:15px}.status-subtitle{color:#5a6b5e;color:var(--text-muted);font-size:14px}@media (max-width:768px){.login-box{flex-direction:column;max-width:400px}.login-decor-section{display:none}.login-form-section{padding:30px 25px}.back-to-landing{font-size:.85rem;left:15px;padding:.5rem 1rem;top:15px}.login-header{display:none}}.dashboard{margin:0 auto;max-width:1200px;padding:30px}.dashboard-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px}.dashboard-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--cream-dark);border:3px solid var(--cream-dark);border-radius:50%;border-top-color:var(--forest);height:40px;margin-bottom:15px;width:40px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-content h1{color:var(--forest-dark);font-size:28px;font-weight:700;margin-bottom:8px}.header-content p{color:var(--text-muted);font-size:15px}.header-actions{display:flex;gap:12px}.btn{display:flex}.btn-primary:hover{box-shadow:0 8px 20px #2d5a3d59}.btn-secondary:hover{background:var(--cream)}.dashboard-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.dashboard-error p{color:#dc2626;margin-bottom:12px}.dashboard-error button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.dashboard-empty{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.dashboard-empty h2{color:var(--forest-dark);font-size:24px;margin-bottom:10px}.dashboard-empty p{color:var(--text-muted);font-size:15px;margin-bottom:25px}.empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.section-title{color:var(--forest-dark);font-size:18px;font-weight:600;margin-bottom:20px}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.group-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #1a2f230d;cursor:pointer;padding:5px;transition:all .2s ease}.group-card:hover{border-color:var(--forest);box-shadow:0 12px 24px #1a2f231a;transform:translateY(-4px)}.group-card-header{gap:12px;margin-bottom:8px}.group-card-header,.group-icon{align-items:center;display:flex}.group-icon{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border-radius:12px;color:#fff;flex-shrink:0;font-size:22px;font-weight:700;height:50px;justify-content:center;width:50px}.group-info{flex:1 1;min-width:0}.group-name{font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-members{color:#c9162d;font-size:12px;font-weight:600}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:12px;margin-bottom:12px;overflow:hidden}.group-card-footer{align-items:center;border-top:1px solid var(--cream-dark);display:flex;justify-content:space-between;padding-top:18px}.group-currency{background:var(--cream);border-radius:6px;color:var(--forest);font-size:13px;font-weight:600;padding:4px 10px}.group-arrow{color:var(--text-muted);font-size:18px;transition:transform .2s ease}.group-card:hover .group-arrow{color:var(--forest);transform:translateX(4px)}.premium-banner{align-items:center;background:linear-gradient(135deg,var(--cream) 0,var(--cream-dark) 100%);border:2px solid var(--tan);border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;padding:24px}.premium-icon{font-size:36px}.premium-content{flex:1 1;min-width:200px}.premium-content h3{color:var(--forest-dark);font-size:18px;font-weight:600;margin-bottom:4px}.premium-content p{color:var(--text-muted);font-size:14px}@media (max-width:640px){.dashboard{padding:20px}.dashboard-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1 1;justify-content:center}.groups-grid{grid-template-columns:1fr}.premium-banner{flex-direction:column;text-align:center}}.group-detail{font-size:13px;margin:0 auto;max-width:900px;padding:24px}.error-container,.loading-container{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-container .spinner{animation:spin 1s linear infinite;border-top:2px solid var(--cream-dark);border:2px solid var(--cream-dark);border-radius:50%;border-top-color:var(--forest);height:32px;margin-bottom:12px;width:32px}.loading-spinner-small{color:var(--text-muted);font-size:12px;padding:20px;text-align:center}.group-header{margin-bottom:20px;position:relative}.group-header .back-button{position:absolute;right:0;top:0}.back-button{font-size:13px;margin-bottom:12px;padding:6px 0}.group-title{align-items:center;display:flex;gap:14px;margin-bottom:16px}.group-title .group-icon{align-items:center;background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border-radius:12px;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.group-title h1{color:var(--forest-dark);font-size:22px;font-weight:700;margin-bottom:2px}.group-title p{color:#c2172d;font-size:15px;font-weight:600}.group-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{font-size:12px;padding:10px 16px}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;border:1.5px solid var(--cream-dark);color:var(--forest)}.btn-secondary:hover{border-color:var(--forest)}.btn-sm,.btn-small{font-size:11px}.btn-small{background:var(--forest);border-radius:5px;color:#fff;padding:5px 10px}.btn-danger{margin-bottom:8px;margin-right:8px}.btn-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:6px 0;text-decoration:underline}.btn-link:hover{color:var(--forest)}.tabs{background:#fff;border-radius:10px;box-shadow:0 1px 4px #1a2f230d;gap:4px;margin-bottom:16px;padding:5px}.tab{border-radius:6px;flex:1 1;font-size:12px;padding:10px 12px}.tab:hover{background:var(--cream);color:var(--forest)}.tab.active{background:var(--forest);color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 1px 6px #1a2f230d;padding:20px}.empty-state{padding:32px 16px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px}.empty-state h3{color:var(--forest-dark);font-size:16px;margin-bottom:6px}.empty-state p{color:var(--text-muted);font-size:12px;margin-bottom:16px}.expenses-list{display:flex;flex-direction:column;gap:8px}.expense-item{align-items:center;background:#f8f8f8;border-radius:10px;display:flex;gap:10px;padding:12px 14px;transition:all .15s ease}.expense-item.clickable{cursor:pointer}.expense-item.clickable:hover{background:#f0f0f0;transform:translateX(2px)}.expense-main{flex:1 1;gap:12px}.expense-info{display:flex;flex-direction:column;gap:2px}.expense-desc{font-size:13px}.expense-meta{font-size:11px}.expense-amount{font-size:14px;white-space:nowrap}.delete-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.4;padding:6px;transition:opacity .15s}.delete-btn:hover{opacity:1}.balance-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.balance-card{background:var(--cream);border-radius:10px;padding:14px}.balance-card.positive{background:#f0fdf4;border-left:3px solid #10b981}.balance-card.negative{background:#fef2f2;border-left:3px solid #ef4444}.balance-user{align-items:center;display:flex;gap:8px;margin-bottom:8px}.balance-user .user-avatar{align-items:center;background:var(--forest);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.balance-user span{font-size:13px;font-weight:500}.balance-amount{color:var(--text-muted);font-size:11px}.balance-amount strong{color:var(--forest-dark);display:block;font-size:16px;margin-top:2px}.debts-section{margin-bottom:16px}.debts-section h3{color:var(--forest-dark);font-size:13px;font-weight:600;margin-bottom:12px}.debts-list{display:flex;flex-direction:column;gap:8px}.debt-item{align-items:center;background:var(--cream);border-radius:8px;display:flex;font-size:12px;gap:10px;padding:10px 12px}.debt-from{color:#ef4444;font-weight:600}.debt-arrow{color:var(--text-muted);font-size:11px}.debt-to{color:#10b981;font-weight:600}.debt-amount{color:var(--forest-dark);font-size:13px;font-weight:700;margin-left:auto}.all-settled{padding:32px;text-align:center}.settled-icon{font-size:40px;margin-bottom:12px}.all-settled h3{color:#10b981;font-size:16px;margin-bottom:6px}.all-settled p{color:var(--text-muted);font-size:12px}.settle-btn{margin-top:16px}.refresh-bar{display:flex;justify-content:flex-end;margin-bottom:16px}.settlements-section{border-top:1px solid var(--cream-dark);margin-top:24px;padding-top:16px}.settlements-section h3{color:var(--forest-dark);font-size:13px;font-weight:600;margin-bottom:12px}.settlements-list{display:flex;flex-direction:column;gap:8px}.settlement-item{align-items:center;background:#f0fdf4;border-left:3px solid #10b981;border-radius:8px;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px}.settlement-info{align-items:center;display:flex;gap:6px}.settlement-from,.settlement-to{color:var(--forest-dark);font-weight:600}.settlement-arrow{color:#10b981;font-size:11px;font-weight:500}.settlement-details{align-items:center;display:flex;gap:10px}.settlement-amount{color:#10b981;font-size:13px;font-weight:700}.settlement-date,.settlement-note{color:var(--text-muted);font-size:11px}.settlement-note{font-style:italic}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{background:#f8f8f8;border-radius:8px;gap:10px;padding:10px 12px}.member-avatar-sm,.member-item{align-items:center;display:flex}.member-avatar-sm{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.member-info-sm{display:flex;flex:1 1;flex-direction:column}.member-name-sm{color:var(--forest-dark);font-size:13px;font-weight:600}.member-role-sm{color:var(--text-muted);font-size:11px;text-transform:capitalize}.you-badge-sm{background:var(--forest);border-radius:10px;color:#fff;font-size:9px;font-weight:600;margin-left:6px;padding:2px 6px;vertical-align:middle}.split-percentages-section{background:var(--cream);border-radius:10px;margin-bottom:16px;padding:16px}.split-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.split-header h3{color:var(--forest-dark);font-size:13px;font-weight:600;margin:0}.split-description{color:var(--text-muted);font-size:11px;margin-bottom:12px}.split-error{background:#fef2f2;border-left:3px solid #dc2626;color:#dc2626}.split-error,.split-success{border-radius:6px;font-size:11px;margin-bottom:12px;padding:8px 12px}.split-success{background:#f0fdf4;border-left:3px solid #16a34a;color:#16a34a}.members-split-list{display:flex;flex-direction:column;gap:6px}.member-split-item{align-items:center;background:#fff;border:1px solid var(--cream-dark);border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.member-split-left{gap:10px}.member-split-left,.member-split-right,.split-input-group{align-items:center;display:flex}.split-input-group{gap:3px}.split-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:600;padding:6px 8px;text-align:right;width:60px}.split-input:focus{border-color:var(--forest);box-shadow:0 0 0 2px #2d5a3d1a;outline:none}.split-percent-sign{color:var(--text-muted);font-size:13px;font-weight:600}.split-display{background:#f0f0f0;border-radius:6px;padding:6px 12px}.split-value{color:var(--forest);font-size:13px;font-weight:600}.shares-input-group{align-items:center;display:flex;gap:4px}.shares-input{border:1.5px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:600;padding:6px 8px;text-align:center;width:50px}.shares-input:focus{border-color:var(--forest);outline:none}.shares-label{color:var(--text-muted);font-size:11px}.split-edit-controls{border-top:1px solid var(--cream-dark);margin-top:14px;padding-top:12px}.split-total{border-radius:6px;font-size:12px;margin-bottom:12px;padding:8px 12px}.split-total.valid{background:#f0fdf4;color:#16a34a}.split-total.invalid{background:#fef2f2;color:#dc2626}.split-total strong{font-size:14px}.total-hint{font-size:11px;opacity:.8}.split-buttons{display:flex;flex-wrap:wrap;gap:8px}.split-buttons .btn{flex:1 1;min-width:80px}.members-divider{background:var(--cream-dark);height:1px;margin:20px 0}.settings-section{margin-bottom:24px}.settings-section h3{color:var(--forest-dark);font-size:13px;font-weight:600;margin-bottom:12px}.settings-section.danger{border-top:1px solid var(--cream-dark);padding-top:16px}.settings-section.danger h3{color:#dc2626}.setting-item{align-items:center;border-bottom:1px solid var(--cream-dark);display:flex;font-size:12px;gap:8px;padding:10px 0}.setting-item span{color:var(--text-muted);min-width:80px}.setting-item strong{color:var(--forest-dark)}.setting-item .invite-code{background:var(--cream);border-radius:4px;color:var(--forest);font-family:monospace;font-size:12px;padding:3px 6px}.setting-item button{background:var(--forest);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;margin-left:auto;padding:5px 10px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:14px;max-height:90vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.modal-wide{max-width:520px}.modal-detail{max-width:480px}.modal h2{color:var(--forest-dark);font-size:18px;font-weight:600;margin-bottom:16px}.modal p{color:var(--text-muted);font-size:12px;margin-bottom:16px}.modal .form-group{margin-bottom:14px}.modal .form-group label{color:var(--forest-dark);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.modal .form-group input,.modal .form-group select{background:var(--cream);border:1.5px solid var(--cream-dark);border-radius:8px;font-size:13px;padding:10px 12px;width:100%}.modal .form-group input:focus,.modal .form-group select:focus{background:#fff;border-color:var(--forest);outline:none}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:var(--forest-dark);cursor:pointer;font-size:12px;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--forest);height:16px;width:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:10px 16px}.modal-actions button:first-child{background:var(--cream-dark);color:var(--text-muted)}.invite-code-display{background:var(--cream);border-radius:10px;color:var(--forest);font-family:monospace;font-size:26px;font-weight:700;letter-spacing:3px;margin:16px 0;padding:24px;text-align:center}.split-options-section{background:#f8f9fa;border-radius:10px;margin-bottom:14px;padding:14px}.split-options-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.split-options-header h4{color:var(--forest-dark);font-size:13px;font-weight:600;margin:0}.split-type-tabs{background:#fff;border-radius:6px;display:flex;gap:4px;padding:3px}.split-tab{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:6px 10px;transition:all .15s}.split-tab:hover{background:var(--cream)}.split-tab.active{background:var(--forest);color:#fff}.split-members-list{display:flex;flex-direction:column;gap:6px}.split-member-row{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px}.split-member-row.shares-row{gap:10px}.split-member-name{color:var(--forest-dark);flex:1 1;font-size:12px;font-weight:500}.pct-hint{color:var(--text-muted);font-size:10px;font-weight:400;margin-left:4px}.split-member-input{align-items:center;display:flex;gap:4px}.split-member-input input{border:1.5px solid #e0e0e0;border-radius:5px;font-size:12px;font-weight:600;padding:6px 8px;text-align:right;width:70px}.split-member-input input:focus{border-color:var(--forest);outline:none}.currency-label{color:var(--text-muted);font-size:11px;font-weight:500}.split-total-row{border-radius:6px;font-size:12px;font-weight:600;margin-top:10px;padding:8px 10px;text-align:right}.split-total-row.valid{background:#f0fdf4;color:#16a34a}.split-total-row.invalid{background:#fef2f2;color:#dc2626}.total-diff{font-size:11px;font-weight:400}.equal-btn{margin-top:10px;width:100%}.shares-section{margin-bottom:8px}.shares-hint{color:var(--text-muted);font-size:11px;margin-bottom:10px}.shares-input-wrapper{align-items:center;display:flex;gap:4px}.shares-num-input{border:1.5px solid #e0e0e0;border-radius:5px;font-size:12px;font-weight:600;padding:5px 6px;text-align:center;width:50px}.shares-num-input:focus{border-color:var(--forest);outline:none}.shares-text{color:var(--text-muted);font-size:10px}.split-amount-display{color:var(--forest);font-size:12px;font-weight:600;min-width:70px;text-align:right}.shares-total{color:var(--text-muted);font-size:11px;text-align:right}.expense-detail-content,.shares-total{margin-top:8px}.expense-detail-header{align-items:flex-start;border-bottom:1px solid var(--cream-dark);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.expense-detail-title{align-items:flex-start;display:flex;gap:10px}.expense-category-icon{font-size:28px}.expense-detail-title h3{color:var(--forest-dark);font-size:15px;font-weight:600;margin-bottom:2px}.expense-detail-meta{color:var(--text-muted);font-size:11px}.expense-detail-amount{color:var(--forest);font-size:20px;font-weight:700}.expense-detail-section{margin-bottom:16px}.expense-detail-section h4{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-list{display:flex;flex-direction:column;gap:6px}.detail-row{align-items:center;background:#f8f8f8;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px}.detail-row span:first-child{color:var(--forest-dark);font-weight:500}.detail-amount{font-weight:600}.detail-amount.positive{color:#10b981}.detail-amount.negative{color:#ef4444}.shares-badge{color:var(--text-muted);font-size:10px;font-weight:400;margin-left:4px}@media (max-width:640px){.group-detail{padding:16px}.group-title{align-items:flex-start;flex-direction:column}.group-actions{width:100%}.group-actions .btn{flex:1 1;justify-content:center;text-align:center}.tabs{flex-wrap:wrap}.tab{flex:none;width:calc(50% - 4px)}.expense-main{align-items:flex-start;flex-direction:column}.expense-amount{margin-top:6px}.debt-item{flex-wrap:wrap}.debt-amount{margin-left:0;margin-top:6px;text-align:center;width:100%}.balance-summary{grid-template-columns:1fr}.settlement-item{align-items:flex-start;flex-direction:column;gap:8px}.settlement-details{justify-content:space-between;width:100%}.split-header{gap:8px}.member-split-item,.split-header{align-items:flex-start;flex-direction:column}.member-split-item{gap:10px}.member-split-right,.split-input-group{width:100%}.split-input{flex:1 1}.split-buttons{flex-direction:column}.split-buttons .btn{width:100%}.form-row{flex-direction:column;gap:0}.split-options-header{align-items:flex-start;flex-direction:column}.split-type-tabs{width:100%}.split-tab{flex:1 1;text-align:center}.split-member-row{align-items:flex-start;flex-direction:column;gap:8px}.split-member-row.shares-row{flex-direction:row;flex-wrap:wrap}.split-member-input{width:100%}.split-member-input input{flex:1 1}.expense-detail-header{flex-direction:column;gap:12px}.expense-detail-amount{align-self:flex-start}}.receipt-indicator{font-size:14px;margin-right:6px}.receipt-section{background:var(--cream);border-radius:8px;padding:14px}.receipt-info{align-items:center;display:flex;gap:8px;margin-bottom:12px}.receipt-filename{color:var(--forest-dark);font-weight:500;word-break:break-all}.receipt-size{color:var(--text-muted);font-size:12px}.receipt-actions{display:flex;gap:8px}.receipt-upload{display:flex;flex-direction:column;gap:10px}.file-input{display:none}.file-label{background:#fff;border:2px dashed var(--cream-dark);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-block;font-size:13px;padding:10px 16px;text-align:center;transition:all .2s ease}.file-label:hover{border-color:var(--forest);color:var(--forest)}.no-receipt-text{color:var(--text-muted);font-size:13px;margin:0}.premium-required-text{color:var(--tan);font-size:13px;margin:0}.btn-sm{font-size:12px;padding:6px 12px}.btn-danger{background:#dc2626;border:none;color:#fff}.btn-danger:hover{background:#b91c1c}.create-group-page{margin:0 auto;max-width:600px;padding:30px}.create-group-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;padding:40px;text-align:center}.create-group-card h2{color:var(--forest-dark);font-size:22px;font-weight:600;margin-bottom:8px}.create-group-card>p{color:var(--text-muted);font-size:15px;margin-bottom:30px}.create-form{text-align:left}.form-group input,.form-group select,.form-group textarea{background:var(--cream);border:2px solid var(--cream-dark);border-radius:12px;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--cream-dark);cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}@media (max-width:640px){.create-group-page{padding:20px}.create-group-card{padding:30px 20px}}.join-group-page{margin:0 auto;max-width:600px;padding:30px}.join-group-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;padding:40px;text-align:center}.card-icon{font-size:48px;margin-bottom:15px}.join-group-card h2{color:var(--forest-dark);font-size:22px;font-weight:600;margin-bottom:8px}.join-group-card>p{color:var(--text-muted);font-size:15px;margin-bottom:30px}.join-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.invite-code-input{background:var(--cream);border:2px solid var(--cream-dark);border-radius:12px;font-size:24px;font-weight:700;letter-spacing:4px;padding:18px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease;width:100%}.invite-code-input:focus{background:#fff;border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.invite-code-input:disabled{background:var(--cream-dark);cursor:not-allowed}.invite-code-input::placeholder{color:var(--text-muted);font-size:18px;letter-spacing:2px}.form-error{margin-bottom:20px;text-align:center}.submit-button{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #2d5a3d59;transform:translateY(-2px)}.submit-button:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.join-help{border-top:1px solid var(--cream-dark);margin-top:30px;padding-top:25px;text-align:left}.join-help h3{color:var(--forest-dark);font-size:15px;font-weight:600;margin-bottom:12px}.join-help ol{color:var(--text-muted);font-size:14px;padding-left:20px}.join-help li{margin-bottom:8px}.join-help strong{background:var(--cream);border-radius:4px;color:var(--forest);font-family:monospace;padding:2px 6px}@media (max-width:640px){.join-group-page{padding:20px}.join-group-card{padding:30px 20px}.invite-code-input{font-size:20px;padding:16px}}.settings-page{margin:0 auto;max-width:600px;padding:30px}.page-header h1{font-size:28px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;margin-bottom:20px;padding:30px}.settings-card h2{color:var(--forest-dark);font-size:18px;font-weight:600;margin-bottom:20px}.profile-info{gap:20px;margin-bottom:20px}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border-radius:50%;color:#fff;font-size:28px;font-weight:700;height:70px;justify-content:center;width:70px}.profile-details h3{color:var(--forest-dark);font-size:20px;font-weight:600;margin-bottom:4px}.profile-details p{color:var(--text-muted);font-size:14px;margin:2px 0}.profile-badge{display:flex;gap:10px}.badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.badge.premium{color:var(--forest-dark)}.badge.free,.badge.premium{background:var(--cream-dark)}.badge.free{color:var(--text-muted)}.form-group{margin-bottom:10px}.form-group label{font-size:12px;margin-bottom:6px}.form-group input{background:#fff;border:2px solid var(--cream-dark);border-radius:10px;font-size:14px;max-width:400px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.form-error{background:#fef2f2;color:#dc2626}.form-error,.form-success{border-radius:10px;font-size:14px;margin-bottom:15px;padding:12px 16px}.form-success{background:#f0fdf4;color:#16a34a}.btn{font-size:15px;padding:14px 24px}.btn-primary:disabled{background:var(--text-muted)}.btn-premium{background:linear-gradient(135deg,var(--tan) 0,var(--tan-light) 100%);color:var(--forest-dark);margin-top:20px}.btn-premium:hover{box-shadow:0 8px 20px #d4a57459;transform:translateY(-2px)}.premium-card{background:linear-gradient(135deg,var(--cream) 0,var(--cream-dark) 100%);border:2px solid var(--tan);text-align:center}.premium-icon{font-size:48px;margin-bottom:10px}.premium-card h2{color:var(--forest-dark)}.premium-card>p{color:var(--text-muted);margin-bottom:20px}.premium-features{list-style:none;margin:0 0 20px;padding:0;text-align:left}.premium-features li{color:var(--forest-dark);font-size:14px;padding:8px 0}.premium-price{margin-bottom:10px}.premium-price .price{color:var(--forest);font-size:42px;font-weight:700}.premium-price .period{color:var(--text-muted);font-size:16px}.about-info{color:var(--text-muted);text-align:center}.about-info p{margin:8px 0}.about-info strong{color:var(--forest-dark)}@media (max-width:640px){.settings-page{padding:20px}.settings-card{padding:25px 20px}.profile-info{flex-direction:column;text-align:center}}:root{--text-dark:#333;--text-muted:#666;--text-light:#888;--border-color:#e8e5e0;--shadow-sm:0 2px 10px #1a2f2314;--shadow-md:0 8px 30px #1a2f231f;--transition:all 0.3s ease}.sidebar-layout{background:#f5f0e8;background:var(--cream);display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--white);border-right:1px solid #e8e5e0;border-right:1px solid var(--border-color);color:#333;color:var(--text-dark);display:flex;flex-direction:column;position:relative;transition:width .3s ease;width:220px}.sidebar.collapsed{width:70px}.sidebar-logo{align-items:center;background:linear-gradient(135deg,#1a2f23,#2d5a3d);background:linear-gradient(135deg,var(--forest-dark) 0,var(--forest) 100%);border-bottom:1px solid #e8e5e0;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 10px}.logo-icon{flex-shrink:0;font-size:32px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:1px}.logo-subtitle{color:#fff;font-size:11px;letter-spacing:.5px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;padding:20px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.nav-item:hover{background:#f5f0e8;background:var(--cream);color:#2d5a3d;color:var(--forest)}.nav-item.active{background:#2d5a3d;background:var(--forest);color:#fff;color:var(--white);font-weight:600}.nav-icon{flex-shrink:0;font-size:20px;text-align:center;width:24px}.nav-text{white-space:nowrap}.nav-divider{background:#e8e5e0;background:var(--border-color);height:1px;margin:15px 0}.sidebar-footer{border-top:1px solid #e8e5e0;border-top:1px solid var(--border-color);padding:15px 12px}.user-info{background:#f5f0e8;background:var(--cream);border-radius:12px;gap:12px;margin-bottom:12px;padding:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#d4a574,#e0b88a);background:linear-gradient(135deg,var(--tan) 0,var(--tan-light) 100%);border-radius:50%;color:#1a2f23;color:var(--forest-dark);flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{color:#333;color:var(--text-dark);font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#888;color:var(--text-light);font-size:12px}.logout-button{align-items:center;background:#f5f0e8;background:var(--cream);border:none;border-radius:12px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .3s ease;transition:var(--transition);width:100%}.logout-button:hover{background:#ebe4d8;background:var(--cream-dark);color:#2d5a3d;color:var(--forest)}.collapse-toggle{align-items:center;background:#fff;background:var(--white);border:2px solid #e8e5e0;border:2px solid var(--border-color);border-radius:50%;color:#2d5a3d;color:var(--forest);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition);width:24px;z-index:10}.collapse-toggle:hover{border-color:#2d5a3d;border-color:var(--forest);transform:translateY(-50%) scale(1.1)}.collapse-toggle:hover,.main-content{background:#f5f0e8;background:var(--cream)}.main-content{flex:1 1;overflow-y:auto}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:14px}.sidebar.collapsed .user-info{justify-content:center;padding:12px 8px}.sidebar.collapsed .logout-button{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:25px 15px}@media (max-width:768px){.sidebar{width:70px}.sidebar .logo-text,.sidebar .nav-text,.sidebar .user-details{display:none}.sidebar .nav-item{padding:14px}.sidebar .logout-button,.sidebar .nav-item,.sidebar .sidebar-logo,.sidebar .user-info{justify-content:center}.collapse-toggle{display:none}}.premium-indicator{font-size:10px;margin-left:6px}.search-expenses-page{margin:0 auto;max-width:900px;padding:30px}.page-header{position:relative}.page-header .back-button{position:absolute;right:0;top:0}.back-button{display:block;margin-bottom:10px;text-align:right}.page-loading{padding:60px}.search-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;margin-bottom:25px;padding:30px}.search-card h2{color:var(--forest-dark);font-size:18px;font-weight:600;margin:0 0 24px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.filter-group{gap:8px}.filter-group.filter-full{grid-column:1/-1}.filter-group label{font-size:13px}.filter-input,.filter-select{background:#fff;border:2px solid var(--cream-dark);border-radius:10px;color:var(--forest-dark);font-size:14px;padding:12px 14px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.filter-select{cursor:pointer}.filter-hint{color:var(--text-muted);font-size:12px}.group-chips{display:flex;flex-wrap:wrap;gap:10px}.group-chip{align-items:center;background:#fff;border:2px solid var(--cream-dark);border-radius:25px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s ease}.group-chip:hover{background:var(--cream);border-color:var(--forest)}.group-chip.selected{background:var(--forest);border-color:var(--forest);color:#fff}.chip-icon{align-items:center;background:var(--cream-dark);border-radius:50%;color:var(--forest-dark);display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.group-chip.selected .chip-icon{background:#fff3;color:#fff}.chip-text{font-weight:500}.chip-check{font-size:12px}.no-groups{color:var(--text-muted);font-style:italic;padding:10px}.search-actions{border-top:1px solid var(--cream-dark);display:flex;gap:12px;justify-content:flex-end;padding-top:10px}.btn{border-radius:10px;padding:12px 24px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #2d5a3d4d}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:var(--cream);border:2px solid var(--cream-dark);color:var(--forest-dark)}.btn-secondary:hover:not(:disabled){background:var(--cream-dark)}.results-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;padding:30px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.results-header h2{color:var(--forest-dark);font-size:18px;font-weight:600;margin:0}.results-count{background:var(--cream);border-radius:20px;color:var(--text-muted);font-size:14px;padding:6px 14px}.no-results{padding:50px 20px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:15px}.no-results h3{color:var(--forest-dark);font-size:18px;font-weight:600;margin:0 0 8px}.no-results p{color:var(--text-muted);font-size:14px;margin:0}.results-list{display:flex;flex-direction:column;gap:12px}.expense-result-card{border:2px solid var(--cream-dark);border-radius:12px;overflow:hidden;transition:all .2s ease}.expense-result-card:hover{border-color:var(--forest)}.expense-result-card.expanded{border-color:var(--forest);box-shadow:0 4px 12px #2d5a3d1a}.expense-main{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.expense-main:hover{background:var(--cream)}.expense-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.expense-category-icon{align-items:center;background:var(--cream);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.expense-description{color:var(--forest-dark);font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.meta-separator{color:var(--cream-dark)}.meta-group{background:var(--cream);border-radius:4px;font-weight:500;padding:2px 8px}.expense-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.expense-amount{color:var(--forest-dark)}.expense-expand-icon{color:var(--text-muted);font-size:10px}.expense-details{background:var(--cream);border-top:1px solid var(--cream-dark);padding:0 20px 20px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px 0}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--forest-dark);font-size:14px}.search-split-badge{background:var(--forest);border-radius:12px;color:#fff!important;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;text-transform:capitalize}.detail-section{border-top:1px solid #2d5a3d1a;padding-top:16px}.detail-section h5{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.payers-list,.splits-list{display:flex;flex-direction:column;gap:8px}.payer-item,.split-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.payer-name,.split-name{color:var(--forest-dark);font-size:14px;font-weight:500}.payer-amount,.split-amount{color:var(--forest);font-size:14px;font-weight:600}.split-info{align-items:center;display:flex;gap:8px}.split-percentage,.split-shares{color:var(--text-muted);font-size:12px}.load-more-section{border-top:1px solid var(--cream-dark);display:flex;justify-content:center;margin-top:20px;padding-top:20px}@media (max-width:768px){.results-section,.search-card,.search-expenses-page{padding:20px}.filters-grid{grid-template-columns:1fr}.filter-group.filter-full{grid-column:1}.search-actions{flex-direction:column}.search-actions .btn{width:100%}.expense-main{align-items:flex-start;flex-direction:column;gap:12px}.expense-left{width:100%}.expense-right{justify-content:space-between;padding-left:58px;width:100%}.details-grid{grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.header-title{align-items:flex-start;flex-direction:column;gap:8px}.header-title h1{font-size:24px}.group-chips{gap:8px}.group-chip{font-size:12px;padding:6px 12px}.chip-icon{font-size:10px;height:20px;width:20px}.expense-meta{align-items:flex-start;flex-direction:column;gap:4px}.meta-separator{display:none}}.error-card p{line-height:1.5}.upgrade-page{margin:0 auto;max-width:800px;padding:30px}.page-header{margin-bottom:30px;text-align:center}.back-button{display:inline-block;left:30px;margin-bottom:15px;padding:8px 0;position:absolute}.page-header h1{color:var(--forest-dark);font-size:32px;font-weight:700;margin:0 0 10px}.header-subtitle{font-size:16px}.page-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--cream-dark);border-radius:50%;border-top-color:var(--forest);height:40px;margin-bottom:15px;width:40px}.success-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #2d5a3d1a;margin:40px auto;max-width:500px;padding:50px 40px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.success-card h1{color:var(--forest-dark);font-size:28px;font-weight:700;margin:0 0 10px}.success-message{color:var(--text-muted);font-size:16px;margin:0 0 30px}.success-details{background:var(--cream);border-radius:12px;margin-bottom:25px;padding:20px}.success-detail{border-bottom:1px solid #2d5a3d1a;display:flex;justify-content:space-between;padding:10px 0}.success-detail:last-child{border-bottom:none}.success-detail label{color:var(--text-muted);font-size:13px}.success-detail span{color:var(--forest-dark);font-size:14px;font-weight:600}.success-note{align-items:flex-start;background:#fef3cd;border-radius:10px;display:flex;gap:10px;margin-bottom:25px;padding:14px 18px;text-align:left}.success-note .note-icon{flex-shrink:0;font-size:18px}.success-note p{color:#856404;font-size:14px;margin:0}.benefits-card{background:linear-gradient(135deg,var(--cream) 0,var(--cream-dark) 100%);border:2px solid var(--tan);border-radius:20px;margin-bottom:25px;padding:30px}.benefits-card h2{color:var(--forest-dark);font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.benefit-item{align-items:flex-start;background:#fff;border-radius:12px;display:flex;gap:12px;padding:14px;transition:transform .2s ease}.benefit-item:hover{transform:translateY(-2px)}.benefit-icon{flex-shrink:0;font-size:24px}.benefit-content h4{color:var(--forest-dark);font-size:14px;font-weight:600;margin:0 0 4px}.benefit-content p{color:var(--text-muted);font-size:12px;margin:0}.error-banner button{padding:4px}.plans-section{background:#fff;border-radius:20px;box-shadow:0 2px 8px #1a2f230d;margin-bottom:25px;padding:30px}.plans-section h2{color:var(--forest-dark);font-size:20px;font-weight:600;margin:0 0 24px;text-align:center}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.plan-card{background:#fff;border:3px solid var(--cream-dark);border-radius:16px;cursor:pointer;padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:var(--forest);box-shadow:0 8px 20px #2d5a3d1f;transform:translateY(-3px)}.plan-card.selected{background:var(--cream);border-color:var(--forest)}.plan-card.popular{border-color:var(--tan)}.plan-card.popular.selected{border-color:var(--forest)}.popular-badge{background:linear-gradient(135deg,var(--tan) 0,var(--tan-light) 100%);border-radius:20px;color:var(--forest-dark);font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;padding:4px 14px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:16px;text-align:center}.plan-header h3{color:var(--forest-dark);font-size:18px;font-weight:600;margin:0 0 12px}.plan-price{margin-bottom:6px}.plan-price .price{color:var(--forest);font-size:36px;font-weight:700}.plan-monthly{color:var(--text-muted);font-size:14px}.plan-details{border-top:1px solid var(--cream-dark);padding-top:16px;text-align:center}.plan-savings{background:#dcfce7;border-radius:20px;color:#16a34a;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:6px 14px}.plan-vat{color:var(--text-muted);font-size:11px}.plan-check{align-items:center;background:var(--forest);border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;opacity:0;position:absolute;right:16px;top:16px;transition:opacity .2s ease;width:28px}.plan-card.selected .plan-check{opacity:1}.payment-form{background:#fff;border-radius:20px;box-shadow:0 2px 8px #1a2f230d;padding:30px}.payment-form h2{color:var(--forest-dark);font-size:20px;font-weight:600;margin:0 0 24px}.payment-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.payment-method{align-items:center;background:#fff;border:2px solid var(--cream-dark);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.payment-method:hover{background:var(--cream);border-color:var(--forest)}.payment-method.selected{background:var(--forest);border-color:var(--forest);color:#fff}.method-icon{font-size:24px}.method-name{font-size:12px;font-weight:600}.card-details{background:var(--cream);border-radius:12px;margin-bottom:24px;padding:24px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--forest-dark);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-input{background:#fff;border:2px solid var(--cream-dark);border-radius:10px;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #2d5a3d1a;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wallet-notice{align-items:flex-start;background:var(--cream);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.wallet-notice .notice-icon{flex-shrink:0;font-size:20px}.wallet-notice p{color:var(--forest-dark);font-size:14px;margin:0}.order-summary{background:var(--cream);border-radius:12px;margin-bottom:24px;padding:20px}.order-summary h3{color:var(--forest-dark);font-size:16px;font-weight:600;margin:0 0 16px}.summary-row{border-bottom:1px solid #2d5a3d1a;color:var(--forest-dark);font-size:14px;justify-content:space-between;padding:10px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-bottom:none;border-top:2px solid var(--forest);font-size:18px;font-weight:700;margin-top:6px;padding-top:14px}.summary-row.total span:last-child{color:var(--forest)}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:16px;gap:8px;justify-content:center;padding:16px 28px}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #2d5a3d59;transform:translateY(-2px)}.btn-premium{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);color:#fff;font-size:17px;padding:18px 28px;width:100%}.btn-premium:hover:not(:disabled){box-shadow:0 8px 20px #2d5a3d59;transform:translateY(-2px)}.btn-premium:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.security-note{align-items:center;border-top:1px solid var(--cream-dark);display:flex;gap:8px;justify-content:center;margin-top:20px;padding-top:20px}.security-note .note-icon{font-size:14px}.security-note p{color:var(--text-muted);font-size:12px;margin:0}@media (max-width:768px){.upgrade-page{padding:20px}.back-button{margin-bottom:20px;position:static}.page-header{text-align:left}.page-header h1{font-size:26px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.success-card{margin:20px auto;padding:40px 25px}}@media (max-width:480px){.benefits-grid,.payment-methods{grid-template-columns:1fr}.benefit-item{flex-direction:column;text-align:center}.plan-price .price{font-size:30px}}.expense-analysis-page{margin:0 auto;max-width:1100px;padding:30px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}.header-content{flex:1 1}.header-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.header-title h1{color:var(--forest-dark);font-size:28px;font-weight:700;margin:0}.premium-badge{background:linear-gradient(135deg,var(--tan) 0,var(--tan-light) 100%);border-radius:20px;color:var(--forest-dark);font-size:12px;font-weight:600;padding:4px 12px}.header-subtitle{color:var(--text-muted);font-size:15px;margin:0}.back-button{background:none;border:none;color:var(--forest);cursor:pointer;font-size:15px;font-weight:500;padding:8px 16px}.back-button:hover{text-decoration:underline}.page-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--cream-dark);border-radius:50%;border-top-color:var(--forest);height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;margin:40px auto;max-width:400px;padding:50px 30px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-card h3{color:var(--forest-dark);font-size:20px;font-weight:600;margin:0 0 12px}.error-card p{color:var(--text-muted);font-size:14px;margin:0 0 24px}.error-banner{align-items:center;background:#fef2f2;border-radius:12px;color:#dc2626;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:16px}.date-filter-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;margin-bottom:20px;padding:20px 24px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:var(--forest-dark);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-input{border:2px solid var(--cream-dark);border-radius:8px;color:var(--forest-dark);font-size:14px;padding:10px 14px;transition:all .2s ease}.date-input:focus{border-color:var(--forest);outline:none}.date-range-display{color:var(--text-muted);font-size:13px;margin:12px 0 0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #2d5a3d4d;transform:translateY(-2px)}.tabs-container{margin-bottom:24px}.tabs{background:var(--cream);border-radius:14px;overflow-x:auto;padding:6px}.tab,.tabs{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#fff;color:var(--forest-dark)}.tab.active{background:#fff;box-shadow:0 2px 8px #1a2f231a;color:var(--forest)}.tab-icon{font-size:16px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1a2f230d;display:flex;gap:14px;padding:20px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card.primary{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);color:#fff}.stat-card.primary .stat-label,.stat-card.primary .stat-value{color:#fff}.stat-card.positive{border-left:4px solid #10b981}.stat-card.negative{border-left:4px solid #f59e0b}.stat-icon{font-size:28px}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--forest-dark);font-size:22px;font-weight:700}.stat-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card h3,.chart-card h4{color:var(--forest-dark);font-size:16px;font-weight:600;margin:0 0 20px}.no-chart-data{align-items:center;color:var(--text-muted);display:flex;font-size:14px;height:200px;justify-content:center}.chart-tooltip{background:#fff;border:1px solid var(--cream-dark);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:12px 16px}.tooltip-label{color:var(--forest-dark);font-size:13px;font-weight:600;margin:0 0 6px}.tooltip-value{font-size:14px;font-weight:500;margin:0}.tooltip-percent{color:var(--text-muted);font-size:12px;margin:4px 0 0}.pie-legend{border-top:1px solid var(--cream-dark);display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px}.legend-item{align-items:center;display:flex;font-size:12px;gap:6px}.legend-color{border-radius:3px;height:12px;width:12px}.legend-label{color:var(--forest-dark)}.legend-value{color:var(--text-muted);font-weight:500}.your-summary-card{background:linear-gradient(135deg,var(--cream) 0,var(--cream-dark) 100%);border:2px solid var(--tan);border-radius:16px;margin-bottom:24px;padding:24px}.your-summary-card h3{color:var(--forest-dark);font-size:16px;font-weight:600;margin:0 0 16px}.summary-row{display:flex;flex-wrap:wrap;gap:30px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:var(--text-muted);font-size:13px}.summary-value{font-size:20px;font-weight:700}.summary-value.positive{color:var(--forest)}.summary-value.negative{color:#f59e0b}.top-expenses-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #1a2f230d;margin-bottom:24px;padding:24px}.top-expenses-card h3{color:var(--forest-dark);font-size:16px;font-weight:600;margin:0 0 16px}.top-expenses-list{display:flex;flex-direction:column;gap:12px}.top-expense-item{align-items:center;background:var(--cream);border-radius:10px;display:flex;gap:14px;padding:14px}.expense-rank{align-items:center;background:var(--forest);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.expense-info{flex:1 1;min-width:0}.expense-desc{color:var(--forest-dark);display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.expense-amount{color:var(--forest);flex-shrink:0;font-size:16px;font-weight:700}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.insight-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #1a2f230d;display:flex;gap:14px;padding:20px}.insight-icon{font-size:32px}.insight-content{display:flex;flex-direction:column}.insight-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.insight-value{color:var(--forest-dark);font-size:15px;font-weight:600}.insight-sub{color:var(--text-muted);font-size:12px}.breakdown-header{margin-bottom:20px}.breakdown-header h3{color:var(--forest-dark);font-size:18px;font-weight:600;margin:0 0 6px}.breakdown-subtitle{color:var(--text-muted);font-size:14px;margin:0}.no-data-message{background:#fff;border-radius:16px;padding:60px 20px;text-align:center}.no-data-icon{display:block;font-size:48px;margin-bottom:12px}.no-data-message p{color:var(--text-muted);font-size:14px;margin:0}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-group{background:#fff;border-radius:14px;box-shadow:0 2px 8px #1a2f230d;overflow:hidden}.group-header-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.group-header-row:hover{background:var(--cream)}.group-header-row.expanded{background:var(--cream);border-bottom:1px solid var(--cream-dark)}.group-header-left{align-items:center;display:flex;gap:10px}.expand-icon{color:var(--text-muted);font-size:10px;width:16px}.group-icon{font-size:18px}.group-name{color:var(--forest-dark);font-size:15px;font-weight:600}.group-currency-badge{background:var(--forest);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.group-header-right{align-items:center;display:flex;gap:16px}.group-count{color:var(--text-muted);font-size:12px}.group-total{color:var(--forest);font-size:16px;font-weight:700}.group-categories{padding:0 20px 16px}.category-section{margin-top:12px}.category-header-row{align-items:center;background:var(--cream);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:background .2s ease}.category-header-row:hover{background:var(--cream-dark)}.category-header-left{align-items:center;display:flex;gap:8px}.category-name{color:var(--forest-dark);font-size:14px;font-weight:500}.category-header-right{align-items:center;display:flex;gap:14px}.category-count{color:var(--text-muted);font-size:11px}.category-total{color:var(--forest);font-size:14px;font-weight:600}.category-members{padding:10px 0 0 26px}.member-row{align-items:center;border-bottom:1px solid var(--cream);display:flex;justify-content:space-between;padding:10px 12px}.member-row:last-child{border-bottom:none}.member-info{gap:10px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:var(--forest);border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.member-name{color:var(--forest-dark);font-size:13px}.member-amounts{display:flex;gap:16px}.amount-owed,.amount-paid{font-size:12px}.amount-paid{color:var(--forest)}.amount-owed{color:#f59e0b}.persons-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.person-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #1a2f230d;overflow:hidden}.person-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.person-header:hover{background:var(--cream)}.person-header.expanded{background:var(--cream);border-bottom:1px solid var(--cream-dark)}.person-left{gap:12px}.person-avatar,.person-left{align-items:center;display:flex}.person-avatar{background:linear-gradient(135deg,var(--forest) 0,var(--forest-dark) 100%);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.person-info{display:flex;flex-direction:column}.person-name{color:var(--forest-dark);font-size:15px;font-weight:600}.person-username{color:var(--text-muted);font-size:12px}.person-right{align-items:center;display:flex;gap:20px}.person-stats{display:flex;gap:12px}.stat-mini{background:var(--cream);border-radius:12px;font-size:12px;padding:4px 10px}.stat-mini.paid{color:var(--forest)}.stat-mini.owed{color:#f59e0b}.person-balance{font-size:18px;font-weight:700}.person-balance.positive{color:var(--forest)}.person-balance.negative{color:#f59e0b}.person-groups{padding:12px 20px 16px}.person-group-row{grid-gap:12px;align-items:center;background:var(--cream);border-radius:8px;display:grid;font-size:13px;gap:12px;grid-template-columns:1fr 60px 80px 80px 90px;margin-bottom:8px;padding:10px 12px}.person-group-row:last-child{margin-bottom:0}.person-group-row .group-name{font-size:13px;font-weight:500}.person-group-row .group-currency{color:var(--text-muted);text-align:center}.person-group-row .group-paid{color:var(--forest);text-align:right}.person-group-row .group-owed{color:#f59e0b;text-align:right}.person-group-row .group-balance{font-weight:600;text-align:right}.person-group-row .group-balance.positive{color:var(--forest)}.person-group-row .group-balance.negative{color:#f59e0b}.category-stats-table{border-top:1px solid var(--cream-dark);margin-top:24px;padding-top:20px}.table-header,.table-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 16px}.table-header{background:var(--cream);border-radius:8px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{border-bottom:1px solid var(--cream);color:var(--forest-dark);font-size:14px}.table-row:last-child{border-bottom:none}.cat-name{align-items:center;display:flex;gap:10px}.cat-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.cat-percent{color:var(--forest);font-weight:600}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.insights-grid{grid-template-columns:1fr}}@media (max-width:768px){.expense-analysis-page{padding:20px}.page-header{flex-direction:column;gap:16px}.back-button{align-self:flex-end}.filter-row{align-items:stretch;flex-direction:column}.date-input,.filter-group{width:100%}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab{padding:10px 14px}.tab-text{display:none}.tab-icon{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-value{font-size:18px}.summary-row{flex-direction:column;gap:16px}.top-expense-item{align-items:flex-start;flex-direction:column;gap:10px}.expense-rank{position:absolute;right:10px;top:10px}.top-expense-item{padding-right:50px;position:relative}.person-header{align-items:flex-start;flex-direction:column;gap:12px}.person-right{justify-content:space-between;width:100%}.person-group-row{gap:8px;grid-template-columns:1fr 1fr}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-header span:nth-child(2),.table-row span:nth-child(2){display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-title h1{font-size:22px}.category-header-row,.group-header-row{align-items:flex-start;flex-direction:column;gap:8px}.category-header-right,.group-header-right{justify-content:space-between;width:100%}.member-row{align-items:flex-start;flex-direction:column;gap:8px}.member-amounts{justify-content:space-between;width:100%}}:root{--forest-dark:#1a2f23;--forest:#2d5a3d;--forest-light:#3d7a52;--tan:#d4a574;--tan-light:#e0b88a;--cream:#f5f0e8;--cream-dark:#ebe4d8;--white:#fff;--text-dark:#1a2f23;--text-muted:#5a6b5e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background-color:#f5f0e8;background-color:var(--cream);min-height:100vh}
/*# sourceMappingURL=main.da73ed3a.css.map*/