.landing-page{width:100%;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:transparent;border-bottom:1px solid transparent;transition:all .4s ease}.landing-nav.scrolled{background:#13131dd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.landing-nav-logo{display:flex;align-items:center;gap:4px}.landing-nav-logo img{height:64px;width:auto}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-link{font-size:14px;font-weight:500;color:var(--text-dim);transition:color var(--transition);cursor:pointer}.landing-nav-link:hover{color:var(--text)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-btn-ghost{padding:9px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;color:var(--yellow);border:1px solid var(--yellow);background:transparent;transition:all var(--transition)}.landing-btn-ghost:hover{background:var(--yellow-glow);color:var(--yellow);border-color:var(--yellow)}.landing-btn-primary{padding:9px 24px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;transition:all var(--transition)}.landing-btn-primary:hover{background:var(--accent-light);box-shadow:0 4px 24px var(--accent-glow)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px 80px;overflow:hidden}.landing-hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;pointer-events:none;animation:landingOrbFloat 10s ease-in-out infinite alternate;will-change:transform;contain:layout style}.landing-hero-orb-1{width:500px;height:500px;background:var(--accent);top:-150px;left:-100px}.landing-hero-orb-2{width:400px;height:400px;background:var(--teal);bottom:-100px;right:-80px;animation-delay:-4s}.landing-hero-orb-3{width:300px;height:300px;background:var(--pink);top:40%;left:60%;opacity:.15;animation-delay:-7s}@keyframes landingOrbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}to{transform:translate(-30px,40px) scale(.94)}}.landing-hero-inner{position:relative;z-index:1;max-width:1200px;width:100%;display:flex;align-items:center;gap:64px}.landing-hero-text{flex:1;min-width:0}.landing-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-pill);background:var(--accent-glow);border:1px solid rgba(124,92,252,.25);color:var(--accent-light);font-size:13px;font-weight:600;margin-bottom:24px;animation:fadeInUp .6s ease both}.landing-hero-badge .material-icons-round{font-size:16px}.landing-hero h1{font-size:56px;font-weight:800;line-height:1.1;color:var(--text);margin-bottom:20px;animation:fadeInUp .6s ease .1s both}.landing-hero h1 .gradient-text{background:linear-gradient(135deg,var(--accent),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:18px;color:var(--text-dim);line-height:1.7;max-width:520px;margin-bottom:36px;animation:fadeInUp .6s ease .2s both}.landing-hero-ctas{display:flex;align-items:center;gap:16px;animation:fadeInUp .6s ease .3s both}.landing-hero-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-btn);font-size:16px;font-weight:700;color:#fff;background:var(--accent);border:none;transition:all var(--transition)}.landing-hero-cta-primary:hover{background:var(--accent-light);box-shadow:0 6px 32px var(--accent-glow);transform:translateY(-2px)}.landing-hero-cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-btn);font-size:16px;font-weight:600;color:var(--text);background:transparent;border:1px solid var(--border);transition:all var(--transition)}.landing-hero-cta-secondary:hover{border-color:var(--accent);color:var(--accent)}.landing-hero-image{flex:1;min-width:0;display:flex;justify-content:center;animation:fadeInUp .8s ease .4s both}.landing-hero-mockup{width:100%;height:auto;max-width:620px;border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 20px 60px #7c5cfc33,0 0 0 1px #7c5cfc1a;transition:transform .4s ease}.landing-hero-mockup:hover{transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-trust{padding:32px 48px;background:#13131d99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-trust-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.landing-trust-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-dim)}.landing-trust-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.landing-trust-icon.purple{background:var(--accent-glow);color:var(--accent)}.landing-trust-icon.teal{background:var(--teal-glow);color:var(--teal)}.landing-trust-icon.green{background:var(--green-glow);color:var(--green)}.landing-trust-icon.pink{background:var(--pink-glow);color:var(--pink)}.landing-section{padding:100px 48px;max-width:1200px;margin:0 auto}.landing-section-label{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.landing-section-title{font-size:40px;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:16px}.landing-section-subtitle{font-size:17px;color:var(--text-dim);line-height:1.7;max-width:600px}.landing-features{padding:60px 48px 40px;max-width:1200px;margin:0 auto}.landing-features-header{text-align:center;margin-bottom:80px}.landing-features-header .landing-section-subtitle{margin:0 auto}.landing-feature-row{display:flex;align-items:center;gap:72px;margin-bottom:100px;opacity:0;transform:translateY(20px);transition:opacity .45s ease,transform .45s ease}.landing-feature-row.visible{opacity:1;transform:translateY(0)}.landing-feature-row.reverse{flex-direction:row-reverse}.landing-feature-content{flex:1;min-width:0}.landing-feature-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;margin-bottom:16px}.landing-feature-pill.purple{background:var(--accent-glow);color:var(--accent-light)}.landing-feature-pill.yellow{background:var(--yellow-glow);color:var(--yellow)}.landing-feature-pill.teal{background:var(--teal-glow);color:var(--teal)}.landing-feature-pill.green{background:var(--green-glow);color:var(--green)}.landing-feature-pill.pink{background:var(--pink-glow);color:var(--pink)}.landing-feature-content h3{font-size:32px;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:14px}.landing-feature-content p{font-size:16px;color:var(--text-dim);line-height:1.7;max-width:460px}.landing-feature-highlights{display:flex;flex-direction:column;gap:10px;margin-top:20px}.landing-feature-highlight{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dim)}.landing-feature-highlight .material-icons-round{font-size:18px;color:var(--green)}.landing-feature-image{flex:1;min-width:0;display:flex;justify-content:center}.landing-feature-img{width:100%;height:auto;max-width:520px;border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 16px 48px #0000004d;transition:transform .4s ease}.landing-feature-img:hover{transform:scale(1.02)}.landing-comparison{padding:80px 48px}.landing-comparison-inner{max-width:1000px;margin:0 auto}.landing-comparison-header{text-align:center;margin-bottom:56px}.landing-comparison-header .landing-section-subtitle{margin:0 auto}.landing-comparison-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface)}.landing-comparison-table thead th{padding:18px 20px;font-size:14px;font-weight:700;text-align:center;background:var(--surface2);border-bottom:1px solid var(--border);color:var(--text-dim)}.landing-comparison-table thead th:first-child{text-align:left;color:var(--text)}.landing-comparison-table thead th.hisab-col{color:var(--accent-light);background:#7c5cfc14;position:relative}.landing-comparison-table tbody td{padding:16px 20px;font-size:14px;text-align:center;border-bottom:1px solid var(--border);color:var(--text-dim)}.landing-comparison-table tbody td:first-child{text-align:left;font-weight:600;color:var(--text)}.landing-comparison-table tbody td.hisab-col{background:#7c5cfc0a}.landing-comparison-table tbody tr:last-child td{border-bottom:none}.compare-check{color:var(--green);font-size:20px}.compare-cross{color:var(--red-dim);font-size:20px}.compare-partial{color:var(--yellow);font-size:13px;font-weight:500}.landing-cta-banner{max-width:1200px;margin:40px auto 60px;padding:64px 48px;border-radius:20px;background:linear-gradient(135deg,var(--accent),#5a3fd4,var(--teal));will-change:background-position;background-size:200% 200%;animation:gradientShift 6s ease infinite;text-align:center;position:relative;overflow:hidden}.landing-cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-cta-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-pill);background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:600;margin-bottom:20px}.landing-cta-badge .material-icons-round{font-size:16px;color:var(--yellow)}.landing-cta-banner h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:12px;position:relative;z-index:1}.landing-cta-banner p{font-size:17px;color:#fffc;margin-bottom:32px;position:relative;z-index:1;max-width:520px;margin-left:auto;margin-right:auto}.landing-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 36px;border-radius:var(--radius-btn);font-size:16px;font-weight:700;color:var(--accent);background:#fff;border:none;transition:all var(--transition);position:relative;z-index:1}.landing-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.landing-footer{padding:48px 48px 32px;border-top:1px solid var(--border);background:var(--surface)}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.landing-footer-brand{display:flex;align-items:center;gap:16px}.landing-footer-brand img{height:36px;width:auto}.landing-footer-tagline{font-size:13px;color:var(--text-dim)}.landing-footer-links{display:flex;align-items:center;gap:24px}.landing-footer-link{font-size:13px;color:var(--text-dim);transition:color var(--transition)}.landing-footer-link:hover{color:var(--text)}.landing-footer-bottom{max-width:1200px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.landing-footer-copy,.landing-footer-made{font-size:12px;color:var(--text-dim)}.landing-reveal{opacity:0;transform:translateY(20px);transition:opacity .45s ease,transform .45s ease}.landing-reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.landing-hero-orb,.landing-cta-banner{animation:none!important}.landing-feature-row,.landing-reveal{opacity:1!important;transform:none!important;transition:none!important}.landing-hero-badge,.landing-hero h1,.landing-hero-subtitle,.landing-hero-ctas,.landing-hero-image{animation:none!important}.landing-hero-mockup:hover,.landing-feature-img:hover{transform:none!important}}.landing-mobile-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-btn);align-items:center;justify-content:center;color:var(--text);border:1px solid var(--border);background:var(--surface2);cursor:pointer;z-index:102}.landing-mobile-menu{display:none}@media (max-width: 1024px){.landing-hero h1{font-size:42px}.landing-hero-inner{gap:40px}.landing-feature-row{gap:48px}.landing-section-title{font-size:32px}.landing-feature-content h3{font-size:26px}}@media (max-width: 768px){.landing-nav{padding:12px 20px;flex-wrap:wrap}.landing-nav-links,.landing-nav-actions{display:none}.landing-mobile-toggle{display:flex}.landing-mobile-menu{display:flex;flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0;order:10}.landing-mobile-menu.open{max-height:400px;padding:12px 0 8px}.landing-nav.menu-open{background:#13131df7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border)}.landing-mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;color:var(--text-dim);border:none;background:none;border-radius:var(--radius-btn);transition:all var(--transition);cursor:pointer;width:100%;text-align:left}.landing-mobile-link:hover,.landing-mobile-link:active{color:var(--text);background:var(--surface2)}.landing-mobile-link .material-icons-round{font-size:20px;color:var(--accent)}.landing-mobile-divider{height:1px;background:var(--border);margin:4px 16px}.landing-mobile-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;margin:8px 16px 4px;border-radius:var(--radius-btn);font-size:15px;font-weight:700;color:#fff;background:var(--accent);border:none;transition:all var(--transition)}.landing-mobile-cta:hover{background:var(--accent-light)}.landing-hero{padding:100px 20px 60px;min-height:auto}.landing-hero-inner{flex-direction:column;text-align:center}.landing-hero h1{font-size:32px}.landing-hero-subtitle{font-size:15px;margin-left:auto;margin-right:auto}.landing-hero-ctas{justify-content:center;flex-wrap:wrap}.landing-hero-cta-primary,.landing-hero-cta-secondary{padding:12px 24px;font-size:14px}.landing-hero-mockup{max-width:100%}.landing-trust{padding:24px 20px}.landing-trust-inner{gap:20px;justify-content:center}.landing-trust-item{font-size:12px}.landing-features,.landing-section,.landing-comparison{padding:48px 20px}.landing-features-header{margin-bottom:48px}.landing-feature-row,.landing-feature-row.reverse{flex-direction:column;gap:32px;margin-bottom:64px;text-align:center}.landing-feature-content p{margin:0 auto}.landing-feature-highlights{align-items:center}.landing-feature-content h3{font-size:24px}.landing-section-title{font-size:26px}.landing-section-subtitle{font-size:15px}.landing-comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.landing-comparison-table{min-width:600px}.landing-cta-banner{margin:24px 20px 40px;padding:40px 24px}.landing-cta-banner h2{font-size:24px}.landing-cta-banner p{font-size:14px}.landing-footer{padding:32px 20px 24px}.landing-footer-inner{flex-direction:column;text-align:center}.landing-footer-links{flex-wrap:wrap;justify-content:center}.landing-footer-bottom{flex-direction:column;text-align:center}}:root{--bg: #0a0a10;--surface: #13131d;--surface2: #1a1a28;--surface3: #222233;--border: #2a2a3d;--text: #e8e8f0;--text-dim: #8888a4;--accent: #7c5cfc;--accent-light: #9b82ff;--accent-glow: rgba(124, 92, 252, .15);--teal: #5ce0d8;--teal-glow: rgba(92, 224, 216, .15);--pink: #fc5c9c;--pink-glow: rgba(252, 92, 156, .15);--green: #34d399;--green-glow: rgba(52, 211, 153, .15);--red: #ef4444;--red-dim: #c26b6b;--red-glow: rgba(239, 68, 68, .15);--orange: #f97316;--yellow: #fbbf24;--yellow-glow: rgba(251, 191, 36, .15);--sidebar-width: 240px;--topbar-height: 64px;--radius-card: 14px;--radius-btn: 10px;--radius-pill: 20px;--radius-bar: 4px;--transition: .2s ease}[data-theme=light]{--bg: #f9fafb;--surface: #ffffff;--surface2: #e9eaef;--surface3: #d4d6de;--border: #e5e7eb;--text: #111827;--text-dim: #6b7280;--accent: #6d4aff;--accent-light: #7c5cfc;--accent-glow: rgba(109, 74, 255, .25);--teal-glow: rgba(20, 184, 166, .25);--teal: #0d9488;--pink-glow: rgba(244, 63, 94, .25);--pink: #e11d48;--green-glow: rgba(16, 185, 129, .25);--green: #059669;--red-glow: rgba(239, 68, 68, .25);--red: #dc2626;--yellow-glow: rgba(245, 158, 11, .25);--yellow: #d97706}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:var(--text);background:var(--bg);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}#root{display:flex;min-height:100vh}.app-layout{display:flex;width:100%;min-height:100vh;overflow-x:hidden}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;min-width:0;max-width:100%}.page-content{flex:1;padding:24px 32px 40px;overflow-x:hidden;max-width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 24px;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#7c5cfc4d}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-btn);font-weight:600;font-size:14px;transition:all var(--transition);cursor:pointer}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-light);box-shadow:0 4px 20px var(--accent-glow)}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all var(--transition)}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:var(--yellow-glow);color:var(--yellow)}.badge-partial{background:#f9731626;color:var(--orange)}.badge-settled{background:var(--green-glow);color:var(--green)}.input{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text);font-size:14px;transition:border-color var(--transition)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}.select{padding:8px 32px 8px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text);font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%238888a4'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color var(--transition);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select:focus{border-color:var(--accent)}.section-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.amount-income{color:var(--green)}.amount-expense{color:var(--red)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-overlay>div{max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content{margin-left:0}.page-content{padding:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:16px}.select,.input{max-width:100%;box-sizing:border-box}.modal-overlay>div{margin:12px;max-width:calc(100vw - 24px);box-sizing:border-box}}