.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.hisab-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:420px;box-shadow:0 20px 60px #0006;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hisab-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.hisab-modal-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.hisab-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-dim);transition:all var(--transition)}.hisab-modal-close:hover{background:var(--surface2);color:var(--text)}.hisab-modal-close .material-icons-round{font-size:18px}.hisab-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.hisab-modal-error{background:var(--red-glow);color:var(--red);padding:10px 14px;border-radius:var(--radius-btn);font-size:13px;border:1px solid rgba(239,68,68,.2)}.hisab-modal-field{display:flex;flex-direction:column;gap:6px}.hisab-modal-field label{font-size:13px;font-weight:500;color:var(--text-dim)}.hisab-modal-field input{padding:10px 14px;border-radius:var(--radius-btn);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none;transition:border-color var(--transition)}.hisab-modal-field select{padding:10px 32px 10px 14px;border-radius:var(--radius-btn);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none;transition:border-color var(--transition);-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 12px center}.hisab-modal-field input:focus,.hisab-modal-field select:focus{border-color:var(--accent)}.hisab-modal-field input::placeholder{color:var(--text-dim);opacity:.5}.hisab-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.btn-secondary{padding:9px 18px;border-radius:var(--radius-btn);background:var(--surface2);color:var(--text-dim);font-size:13px;font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--border);color:var(--text)}.btn-primary{padding:9px 18px;border-radius:var(--radius-btn);background:var(--accent);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.hisab-modal-warning{background:var(--red-glow);color:var(--red);padding:12px 14px;border-radius:var(--radius-btn);font-size:13px;line-height:1.5;border:1px solid rgba(239,68,68,.2)}.hisab-modal-warning strong{display:block;margin-bottom:4px}.hisab-delete-hint{font-size:12px;color:var(--text-dim);margin-top:-4px}.hisab-delete-hint code{color:var(--accent);background:var(--surface2);padding:1px 6px;border-radius:4px;font-size:12px}.btn-danger{padding:9px 18px;border-radius:var(--radius-btn);background:var(--red);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition)}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.3;cursor:not-allowed}.share-modal{max-width:480px}.share-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 24px;gap:20px}.share-tab{background:none;border:none;padding:16px 0;color:var(--text-dim);font-weight:500;font-size:14px;cursor:pointer;position:relative;transition:color var(--transition)}.share-tab:hover{color:var(--text)}.share-tab.active{color:var(--accent);font-weight:600}.share-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.share-content{padding:24px;min-height:300px}.share-desc{font-size:14px;color:var(--text-dim);margin-bottom:24px;line-height:1.5}.role-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.role-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--transition)}.role-option:hover{border-color:var(--border-hover);background:var(--surface2)}.role-option input[type=radio]{margin-top:4px;accent-color:var(--accent)}.role-option:has(input:checked){border-color:var(--accent);background:var(--accent-glow)}.role-info{display:flex;flex-direction:column;gap:4px}.role-name{font-weight:600;color:var(--text)}.role-desc{font-size:13px;color:var(--text-dim);line-height:1.4}.generate-btn{width:100%;justify-content:center}.code-display-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;animation:fadeIn .3s ease}.code-box{background:var(--surface2);border:2px dashed var(--accent);border-radius:var(--radius-card);padding:20px 40px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all var(--transition)}.code-box:hover{background:var(--accent-glow)}.code-text{font-family:Courier New,Courier,monospace;font-size:32px;font-weight:700;letter-spacing:4px;color:var(--text)}.copy-icon{color:var(--accent);font-size:24px}.code-timer{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dim)}.cancel-code-btn{color:var(--red);font-size:13px;padding:6px 12px}.cancel-code-btn:hover{background:var(--red-glow)}.members-loading{text-align:center;color:var(--text-dim);padding:40px 0}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface2);border-radius:var(--radius-btn)}.member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.member-details{display:flex;flex-direction:column;flex:1;min-width:0}.member-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.member-role-badge.owner{background:#7c5cfc26;color:var(--accent)}.member-role-badge.editor{background:#5ce0d826;color:var(--teal)}.member-role-badge.viewer{background:#ffffff1a;color:var(--text-dim)}.member-role-select{font-size:11px;font-weight:600;padding:4px 20px 4px 8px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;outline:none;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:12px}.member-role-select:focus{border-color:var(--accent)}.member-remove-btn{background:none;border:none;color:var(--text-dim);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.member-remove-btn:hover{background:var(--red-glow);color:var(--red)}.no-members{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--text-dim);padding:40px 0}.no-members .material-icons-round{font-size:48px;opacity:.5}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-backdrop{display:none}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:20px 24px 28px}.logo-img{height:70px;width:auto;margin-left:20px}.sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--radius-btn);color:var(--text-dim);font-size:14px;font-weight:500;transition:all var(--transition);text-decoration:none}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);background:var(--accent-glow);font-weight:600}.nav-item .material-icons-round{font-size:20px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--border);margin-top:auto}.sidebar-user.hoverable-user{cursor:pointer;transition:all var(--transition)}.sidebar-user.hoverable-user:hover{background:var(--surface2)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:11px;color:var(--text-dim)}.sidebar-logout{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0;transition:all var(--transition)}.sidebar-logout:hover{background:var(--red-glow);color:var(--red)}.sidebar-logout .material-icons-round{font-size:18px}.hisab-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .2s ease}.hisab-switcher{padding:0 12px 8px;position:relative;margin-bottom:12px}.hisab-switcher-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:var(--radius-btn);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.hisab-switcher-btn:hover{border-color:var(--accent);background:var(--accent-glow)}.hisab-switcher-arrow{font-size:18px!important;color:var(--text-dim)}.hisab-dropdown{position:absolute;top:calc(100% + 2px);left:12px;right:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 8px 32px #0000004d;z-index:200;padding:6px;max-height:280px;overflow-y:auto}.hisab-dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-btn);cursor:pointer;transition:all var(--transition);font-size:13px;color:var(--text-dim)}.hisab-dropdown-item:hover{background:var(--surface2);color:var(--text)}.hisab-dropdown-item.active{color:var(--accent);background:var(--accent-glow);font-weight:600}.hisab-dropdown-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hisab-dropdown-currency{font-size:11px;color:var(--text-dim);opacity:.7;padding:2px 6px;background:var(--surface2);border-radius:4px;flex-shrink:0}.hisab-dropdown-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition);flex-shrink:0}.hisab-dropdown-item:hover .hisab-dropdown-actions{opacity:1}.hisab-section-title{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:.5px;margin:8px 10px 4px}.hisab-section-divider{height:1px;background:var(--border);margin:8px 0}.hisab-role-badge{font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;text-transform:uppercase;margin-left:auto}.hisab-role-badge.editor{background:#5ce0d826;color:var(--teal)}.hisab-role-badge.viewer{background:#ffffff1a;color:var(--text-dim)}.hisab-join-section{padding:4px 6px}.hisab-join-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px;padding:0 4px}.hisab-join-header .material-icons-round{font-size:16px;color:var(--text-dim)}.hisab-join-input-group{display:flex;gap:6px}.hisab-join-input{flex:1;min-width:0;padding:8px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-family:Courier New,Courier,monospace;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hisab-join-input:focus{outline:none;border-color:var(--accent)}.hisab-join-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.hisab-join-btn:hover:not(:disabled){background:var(--accent-hover)}.hisab-join-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.hisab-dropdown-actions{opacity:1}}.hisab-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-dim);transition:all var(--transition)}.hisab-action-btn .material-icons-round{font-size:15px}.hisab-action-btn:hover{background:var(--surface2);color:var(--text)}.hisab-action-delete:hover{background:var(--red-glow);color:var(--red)}.hisab-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:var(--radius-btn);background:var(--surface2);border:1.5px dashed var(--accent);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:6px}.hisab-create-btn:hover:not(:disabled){background:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow)}.hisab-create-btn:disabled{opacity:.5;cursor:not-allowed}.hisab-create-btn .material-icons-round{font-size:18px}.hisab-limit-badge{font-size:10px;color:var(--text-dim);margin-left:auto;padding:2px 6px;background:var(--surface2);border-radius:4px}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 30px #00000080}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:var(--topbar-height);background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-btn);color:var(--text-dim);transition:all var(--transition)}.topbar-menu:hover{background:var(--surface2);color:var(--text)}.topbar-title-group{display:flex;flex-direction:column;line-height:1.2}.topbar-title{font-size:18px;font-weight:700;color:var(--text)}.topbar-subtitle{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:4px}.date-selector.hoverable{display:inline-flex;align-items:center;color:var(--text);font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px;background:var(--surface2);transition:all var(--transition)}.date-selector.hoverable:hover{background:#ffffff0d;color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-add-btn{padding:8px 16px;font-size:13px}@media (max-width: 768px){.topbar{padding:0 16px}.topbar-menu{display:flex}.topbar-add-btn span{display:none}}.modal-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 32px;width:90%;max-width:480px;animation:slideUp .3s ease;display:flex;flex-direction:column;gap:18px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;font-weight:700}.modal-close{width:36px;height:36px;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all var(--transition)}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-btn{padding:10px;border-radius:var(--radius-btn);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text-dim);transition:all var(--transition);text-align:center}.type-btn:hover{border-color:var(--text-dim);color:var(--text)}.type-btn.active.expense{background:var(--red-glow);border-color:var(--red);color:var(--red)}.type-btn.active.income{background:var(--green-glow);border-color:var(--green);color:var(--green)}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-label{font-size:12px;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.modal-amount-input{font-size:32px;font-weight:700;text-align:center;padding:16px}.modal-amount-input::placeholder{color:var(--text-dim)}.modal-amount-preview{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin-top:4px;border-radius:var(--radius-pill);background:var(--green-glow);color:var(--green);font-size:14px;font-weight:600;animation:fadeInUp .2s ease}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-select{width:100%}.modal-save-btn{width:100%;justify-content:center;padding:14px;font-size:15px;margin-top:4px}@media (max-width: 480px){.modal-container{padding:20px}.modal-row{grid-template-columns:1fr}.modal-amount-input{font-size:24px}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden;padding:20px}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;animation:orbFloat 8s ease-in-out infinite alternate}.login-bg-orb-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.login-bg-orb-2{width:350px;height:350px;background:var(--teal);bottom:-80px;right:-80px;animation-delay:-3s}.login-bg-orb-3{width:250px;height:250px;background:var(--pink);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.15;animation-delay:-5s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}to{transform:translate(-20px,30px) scale(.95)}}.login-container{display:flex;flex-wrap:wrap;width:100%;max-width:960px;min-height:580px;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;z-index:1;box-shadow:0 20px 60px #0006;animation:slideUp .5s ease}.login-back-home{position:absolute;top:16px;left:20px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-dim);z-index:2;transition:color var(--transition)}.login-back-home:hover{color:var(--accent)}.login-branding{flex:1;background:linear-gradient(135deg,#7c5cfc1f,#5ce0d814);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);position:relative;overflow:hidden}.login-branding:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:var(--accent);opacity:.08;filter:blur(40px)}.login-brand-content{position:relative;z-index:1}.login-logo{display:flex;align-items:center;margin-bottom:32px}.login-logo-img{height:140px;width:auto;margin-left:12px}.login-tagline{font-size:22px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:32px}.login-tagline-accent{background:linear-gradient(90deg,var(--accent),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-features{display:flex;flex-direction:column;gap:14px}.login-feature{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-dim)}.login-feature .material-icons-round{font-size:20px;flex-shrink:0}.login-form-section{flex:1;padding:48px 40px;display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:18px}.login-form-header{margin-bottom:4px}.login-form-header h1{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px}.login-form-header p{font-size:13px;color:var(--text-dim)}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--red-glow);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-btn);color:var(--red);font-size:13px;font-weight:500;animation:scaleIn .2s ease}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;font-size:18px;color:var(--text-dim);pointer-events:none;z-index:1}.login-input-wrap .login-input{padding-left:40px;padding-right:14px;height:44px}.login-password-toggle{position:absolute;right:8px;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all var(--transition)}.login-password-toggle:hover{background:var(--surface3);color:var(--text)}.login-password-toggle .material-icons-round{font-size:18px}.login-extras{display:flex;align-items:center;justify-content:space-between;font-size:12px}.login-remember{display:flex;align-items:center;gap:6px;color:var(--text-dim);cursor:pointer}.login-remember input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.login-forgot{color:var(--accent);font-weight:500;transition:color var(--transition)}.login-forgot:hover{color:var(--accent-light)}.login-submit{width:100%;justify-content:center;padding:13px;font-size:15px;margin-top:2px;position:relative;min-height:46px}.login-submit.loading{pointer-events:none;opacity:.8}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-dim)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-social{display:grid;grid-template-columns:1fr;gap:10px}.login-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-btn);font-size:13px;font-weight:500;color:var(--text);transition:all var(--transition)}.login-social-btn:hover{border-color:var(--accent);background:var(--surface2)}.login-switch{text-align:center;font-size:13px;color:var(--text-dim)}.login-switch-btn{color:var(--accent);font-weight:600;font-size:13px;transition:color var(--transition)}.login-switch-btn:hover{color:var(--accent-light)}@media (max-width: 768px){.login-page{padding:0}.login-container{flex-direction:column;max-width:100%;border-radius:0;min-height:100vh;border:none}.login-branding{padding:24px 24px 16px;border-right:none;border-bottom:1px solid var(--border)}.login-brand-content{display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{justify-content:center;margin-bottom:16px}.login-logo-img{height:80px;margin-left:0}.login-tagline{font-size:18px;margin-bottom:0}.login-features{display:none}.login-form-section{padding:24px 24px 32px}}.landing-page{--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);--yellow: #fbbf24;--yellow-glow: rgba(251, 191, 36, .15);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(--text);border:1px solid var(--border);background:transparent;transition:all var(--transition)}.landing-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.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}.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%;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%;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));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)}.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}}