@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card2:#f1f5f9;--bg-inset:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--border-light:#eef2ff;--accent:#4f46e5;--accent-dark:#4338ca;--accent-light:#eef2ff;--success:#10b981;--success-dark:#059669;--danger:#ef4444;--danger-dark:#dc2626;--warning:#f59e0b;--info:#3b82f6;--purple:#8b5cf6;--pink:#ec4899;--teal:#14b8a6;--orange:#f97316;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000003;--shadow-glow:0 0 0 2px #4f46e533;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-card2:#1e293b;--bg-inset:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#1e293b;--accent-light:#1e1b4b;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--transition-normal), color var(--transition-normal);line-height:1.5}.app-container{background:var(--bg-primary);max-width:480px;min-height:100vh;transition:background var(--transition-normal);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=768px){.app-container{max-width:560px;box-shadow:var(--shadow-xl);border-radius:var(--radius-2xl);min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden}}.auth-screen{background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 45%,#312e81 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg-orb{filter:blur(80px);opacity:.25;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.auth-bg-orb-1{background:#6366f1;width:320px;height:320px;animation-delay:0s;top:-120px;right:-100px}.auth-bg-orb-2{background:#ec4899;width:240px;height:240px;animation-delay:-5s;bottom:40px;left:-80px}.auth-bg-orb-3{background:#14b8a6;width:180px;height:180px;animation-delay:-10s;top:40%;left:20%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(15px,-15px)rotate(5deg)}66%{transform:translate(-10px,10px)rotate(-3deg)}}.auth-logo{font-family:var(--font-display);background:linear-gradient(135deg,#fff,#c7d2fe);color:#0000;letter-spacing:-1px;z-index:2;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:800;position:relative}.auth-tagline{color:#fff9;text-align:center;z-index:2;margin-bottom:40px;font-size:.85rem;position:relative}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;width:100%;max-width:400px;padding:32px 28px;position:relative;box-shadow:0 25px 50px -12px #00000040}.auth-tabs{border-radius:var(--radius-md);background:#00000040;gap:4px;margin-bottom:28px;padding:4px;display:flex}.auth-tab{border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;flex:1;padding:12px}.auth-tab.active{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f}.auth-input{border-radius:var(--radius-md);color:#fff;width:100%;font-size:.9rem;font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff0f;border:1.5px solid #ffffff1f;outline:none;margin-bottom:14px;padding:14px 16px}.auth-input::placeholder{color:#ffffff59}.auth-input:focus{background:#ffffff1a;border-color:#ffffff4d}.auth-btn{border-radius:var(--radius-md);color:#fff;width:100%;font-size:.95rem;font-weight:800;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;margin-bottom:16px;padding:14px;box-shadow:0 4px 14px #6366f166}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{color:#ffffff4d;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.google-btn{border-radius:var(--radius-md);color:#fff;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#ffffff12;border:1.5px solid #ffffff26;justify-content:center;align-items:center;gap:12px;padding:13px;display:flex}.google-btn:hover:not(:disabled){background:#ffffff1f}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{color:#4285f4;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex}.auth-error{color:#fca5a5;text-align:center;margin-bottom:12px;font-size:.8rem}.auth-features{z-index:2;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:500px;margin-top:36px;display:grid;position:relative}.auth-feat{border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);background:#ffffff0a;padding:10px 6px}.auth-feat-icon{margin-bottom:4px;font-size:1.3rem}.auth-feat-text{color:#ffffff80;font-size:.65rem;font-weight:600}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.header-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.header-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.header-actions{align-items:center;gap:8px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;cursor:pointer;border:2px solid var(--accent-light);width:36px;height:36px;transition:transform var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.user-avatar:hover{transform:scale(1.05)}.icon-btn{cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;display:flex}.icon-btn:hover{background:var(--bg-card-hover);transform:scale(1.05)}.add-btn{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.add-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.app-content{transition:padding var(--transition-normal);flex:1;padding:16px 16px 90px;overflow-y:auto}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:480px;transition:all var(--transition-normal);padding:6px 8px 10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-nav{border-radius:0 0 var(--radius-2xl) var(--radius-2xl);max-width:560px}}.nav-item{cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-size:.65rem;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px 6px;display:flex;position:relative}.nav-item.active{color:var(--accent);background:var(--accent-light)}.nav-icon{font-size:1.2rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-bottom:12px;padding:16px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:.75rem;font-weight:800}.balance-card{background:linear-gradient(135deg, #1e1b4b 0%, var(--accent) 60%, var(--purple) 100%);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-lg);margin-bottom:16px;padding:24px 20px;position:relative;overflow:hidden}.balance-card:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-80px}.balance-card:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;left:-40px}.balance-label{opacity:.75;margin-bottom:6px;font-size:.75rem;font-weight:600}.balance-amount{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:20px;font-size:2.4rem;font-weight:800}.balance-stats{gap:24px;display:flex}.stat-item{flex:1}.stat-label{opacity:.7;margin-bottom:4px;font-size:.65rem}.stat-value{font-size:.95rem;font-weight:800}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}@media (width>=480px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:12px}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card-icon{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:800}.stat-card-value{color:var(--text-primary);font-size:1.1rem;font-weight:900}.instant-entry{background:linear-gradient(135deg, var(--accent-light), #4f46e50d);border:2px solid var(--accent);border-radius:var(--radius-xl);transition:all var(--transition-fast);margin-bottom:16px;padding:18px}[data-theme=dark] .instant-entry{background:linear-gradient(135deg,#1e1b4b,#1a1633)}.instant-entry-title{font-family:var(--font-display);color:var(--accent);align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;font-weight:800;display:flex}.instant-type-pills{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.instant-pill{cursor:pointer;font-size:.7rem;font-weight:700;font-family:var(--font-body);transition:all var(--transition-fast);border:none;border-radius:24px;width:49%;padding:6px 12px}.instant-cats{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.instant-cat{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-body);transition:all var(--transition-fast);border-radius:24px;padding:5px 10px}.instant-cat.active{background:var(--accent);color:#fff;border-color:var(--accent)}.instant-row{align-items:center;gap:10px;margin-top:8px;display:flex}.instant-amount{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-weight:800;font-family:var(--font-body);transition:all var(--transition-fast);outline:none;flex:1;width:100%;padding:12px 14px}.instant-amount:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.instant-note{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);font-size:.85rem;font-family:var(--font-body);transition:all var(--transition-fast);outline:none;margin-top:10px;padding:10px 14px}.instant-note:focus{border-color:var(--accent)}.instant-go{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;font-size:.85rem;font-weight:800;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;padding:12px 20px}.instant-go:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem;font-weight:800;display:block}.form-input,.form-select{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);font-size:.9rem;font-family:var(--font-body);outline:none;padding:12px 14px}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.form-input-lg{padding:14px;font-size:1.1rem;font-weight:800}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;font-size:.9rem;font-weight:800;font-family:var(--font-body);border:none;margin-top:8px;padding:14px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-dark);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-outline{border:1.5px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-card-hover)}.btn-small{border-radius:var(--radius-sm);cursor:pointer;width:auto;font-size:.72rem;font-weight:700;font-family:var(--font-body);transition:all var(--transition-fast);border:none;width:100%;padding:8px 14px}.badge{border-radius:20px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-block}.badge-expense{color:#ef4444;background:#ef44441a}.badge-income{color:#10b981;background:#10b9811a}.badge-borrow{color:#3b82f6;background:#3b82f61a}.badge-lend{color:#f59e0b;background:#f59e0b1a}.type-tabs{background:var(--bg-card2);border-radius:var(--radius-md);gap:8px;margin-bottom:20px;padding:6px;display:flex}.type-tab{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:700;font-family:var(--font-body);color:var(--text-muted);background:0 0;border:none;flex:1;padding:10px}.type-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}.cat-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-weight:600;font-family:var(--font-body);color:var(--text-secondary);padding:8px 12px}.cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tx-item{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.tx-item:hover{background:var(--bg-card-hover)}.tx-emoji{border-radius:var(--radius-md);background:var(--bg-card2);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.tx-note{color:var(--text-muted);margin-top:2px;font-size:.7rem}.tx-amount{flex-shrink:0;font-size:.9rem;font-weight:900}.tx-amount-expense,.tx-amount-lend{color:var(--danger)}.tx-amount-income,.tx-amount-borrow{color:var(--success)}.filter-bar{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:16px;padding:14px}.filter-pill{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);font-size:.7rem;font-weight:700;font-family:var(--font-body);color:var(--text-muted);background:0 0;border-radius:24px;padding:6px 12px}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.progress-bar{background:var(--border-color);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress-fill{height:100%;transition:width var(--transition-normal);border-radius:3px}.progress-fill-success{background:var(--success)}.progress-fill-primary{background:var(--accent)}.progress-fill-warning{background:var(--warning)}.progress-fill-danger{background:var(--danger)}.month-chip{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:700;font-family:var(--font-body);border-radius:24px;padding:6px 12px}.month-paid{background:var(--success);color:#fff}.month-overdue{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.month-upcoming{background:var(--bg-card2);color:var(--text-muted);border:1px solid var(--border-color)}.credit-card{border-radius:var(--radius-lg);color:#fff;min-height:140px;box-shadow:var(--shadow-md);margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.credit-card:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-60px}.credit-card:after{content:"";background:#ffffff0d;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;left:20px}.credit-card-network{opacity:.8;margin-bottom:16px;font-size:.7rem}.credit-card-number{letter-spacing:2px;margin-bottom:12px;font-size:1rem;font-weight:800}.credit-card-name{font-size:.85rem;font-weight:700}.shopping-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 0;display:flex}.shopping-checkbox{border:2px solid var(--border-color);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shopping-checkbox.checked{background:var(--success);border-color:var(--success)}.shopping-item-details{flex:1}.shopping-item-name{font-size:.85rem;font-weight:700}.shopping-item-name.checked{color:var(--text-muted);text-decoration:line-through}.shopping-item-price{color:var(--text-muted);margin-top:2px;font-size:.7rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:fadeIn var(--transition-fast) ease;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=540px){.modal-overlay{align-items:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:480px;max-height:85vh;animation:slideUp var(--transition-normal) ease;padding:24px 20px 32px;overflow-y:auto}@media (width>=540px){.modal-content{border-radius:var(--radius-xl);max-width:480px;margin:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--border-color);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.toast{z-index:1000;box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;animation:toastIn var(--transition-fast) ease;font-size:.8rem;font-weight:700;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:40px;padding:12px 22px;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (width<=480px){.toast{white-space:normal;text-align:center;max-width:90%}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.user-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;min-width:200px;animation:slideDown var(--transition-fast) ease;padding:8px;position:absolute;top:65px;right:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.user-menu-item:hover{background:var(--bg-card-hover)}.user-menu-item.danger{color:var(--danger)}.voice-btn{background:linear-gradient(135deg, var(--danger), var(--orange));color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.voice-btn.recording{animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.splash-screen{background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 40%,#312e81 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash-logo{font-family:var(--font-display);background:linear-gradient(135deg,#fff,#c7d2fe);color:#0000;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3.5rem;font-weight:800}.splash-sub{color:#ffffff80;font-size:.85rem}.splash-dots{gap:8px;margin-top:48px;display:flex}.splash-dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px;animation:1.4s infinite dotPulse}.splash-dot:nth-child(2){animation-delay:.2s}.splash-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-right{text-align:right}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=480px){.app-content{padding:12px 12px 85px}.balance-card{padding:18px}.balance-amount{font-size:1.8rem}.balance-stats{flex-wrap:wrap;gap:12px}.stat-item{min-width:70px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.instant-row{flex-direction:column}.instant-go{width:100%}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.tx-emoji{width:38px;height:38px;font-size:1rem}.tx-cat,.tx-amount{font-size:.8rem}}@media (width>=481px) and (width<=768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xl);padding:28px 36px}.loading-icon{margin-bottom:12px;font-size:2rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.85rem;font-weight:800}.rs-select__control{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;min-height:48px!important;box-shadow:none!important;border-radius:14px!important}.rs-select__control:hover{border-color:var(--accent)!important}.rs-select__value-container{padding:4px 12px!important}.rs-select__single-value{font-weight:600;color:var(--text-color)!important}.rs-select__placeholder{color:var(--text-muted)!important}.rs-select__menu{border:1px solid var(--border-color);z-index:9999;overflow:hidden;background:var(--bg-card)!important;border-radius:14px!important;box-shadow:0 10px 30px #0000001f!important}.rs-select__option{cursor:pointer;color:var(--text-color);background:var(--bg-card);padding:12px 14px!important}.rs-select__option--is-focused{background:var(--bg-card2)!important}.rs-select__option--is-selected{background:var(--accent)!important;color:#fff!important}.rs-select__indicator-separator{display:none}.rs-select__dropdown-indicator,.rs-select__clear-indicator{color:var(--text-muted)!important}.emi-months{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.emi-month{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-color);cursor:pointer;text-align:center;border-radius:10px;min-width:72px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.emi-month:hover{border-color:var(--accent);transform:translateY(-1px)}.emi-month.paid{color:#fff;background:#10b981;border-color:#10b981}.tx-group{border:1px solid var(--border-color);background:var(--bg-card2);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);border-radius:22px;overflow:hidden}.tx-group:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tx-group-header{cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(#ffffff05 0%,#fff0 100%);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tx-group-header:hover{background:var(--bg-card-hover)}.tx-group-left{flex-direction:column;gap:4px;min-width:0;display:flex}.tx-group-title{color:var(--text-primary);font-size:.88rem;font-weight:800}.tx-group-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:500}.tx-group-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.tx-group-total{font-size:.82rem;font-weight:800}.tx-group-total.positive{color:var(--success)}.tx-group-total.negative{color:var(--danger)}.tx-group-arrow{background:var(--bg-card);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.tx-group-arrow.expanded{background:var(--accent-light);color:var(--accent);border-color:#6366f133;transform:rotate(180deg)}.tx-group-body{flex-direction:column;gap:10px;padding:0 12px 12px;animation:.25s accordionSlideDown;display:flex}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tx-group-item{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.tx-group-item:hover{box-shadow:var(--shadow-sm);border-color:#6366f126;transform:translateY(-1px)}.tx-group-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tx-group-icon{background:var(--accent-light);border-radius:14px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.1rem;display:flex}.tx-group-content{flex:1;min-width:0}.tx-group-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.tx-group-category{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.84rem;font-weight:700;overflow:hidden}.tx-group-badge{text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:700}.tx-group-note{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.tx-group-amount-wrap{text-align:right;min-width:84px}.tx-group-amount{margin-bottom:2px;font-size:.9rem;font-weight:800}.tx-group-amount.positive{color:var(--success)}.tx-group-amount.negative{color:var(--danger)}.tx-group-edit{color:var(--text-muted);font-size:.62rem}@media (width<=480px){.tx-group-header{padding:12px 14px}.tx-group-title{font-size:.82rem}.tx-group-subtitle{font-size:.68rem}.tx-group-total{font-size:.75rem}.tx-group-item{padding:10px}.tx-group-icon{width:40px;min-width:40px;height:40px;font-size:1rem}.tx-group-category{max-width:90px;font-size:.78rem}.tx-group-note{font-size:.68rem}.tx-group-amount{font-size:.82rem}}.emoji-card{aspect-ratio:1;border:1.5px solid var(--border-color);background:linear-gradient(145deg, var(--bg-card), var(--bg-card2));cursor:pointer;width:100%;box-shadow:var(--shadow-xs);border-radius:18px;justify-content:center;align-items:center;transition:all .22s;display:flex;position:relative;overflow:hidden}.emoji-card:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#6366f11f,#0000 65%);transition:opacity .22s;position:absolute;inset:0}.emoji-card:hover{box-shadow:var(--shadow-md);border-color:#6366f14d;transform:translateY(-3px)scale(1.04)}.emoji-card:hover:before{opacity:1}.emoji-card.active{border-color:var(--accent);background:linear-gradient(145deg,#6366f124,#8b5cf61f);transform:translateY(-2px);box-shadow:0 8px 20px #6366f12e,0 0 0 2px #6366f11f}.emoji-card-icon{z-index:1;font-size:1.4rem;transition:transform .22s;position:relative}.emoji-card-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 3px 8px #6366f159}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px;margin-top:10px;display:grid}.emoji-card{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;min-height:58px;transition:all .22s;display:flex;position:relative;overflow:hidden}.emoji-card:hover{border-color:var(--accent);background:#6366f114;transform:translateY(-2px);box-shadow:0 8px 20px #6366f11f}.emoji-card.active{border-color:var(--accent);background:#6366f124;box-shadow:0 10px 24px #6366f12e}.emoji-card-icon{font-size:1.45rem;transition:transform .2s}.emoji-card:hover .emoji-card-icon{transform:scale(1.12)}.emoji-card.active .emoji-card-icon{transform:scale(1.08)}.emoji-card-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:5px;right:5px}.emoji-more-btn{border:1.5px dashed var(--accent);min-height:58px;color:var(--accent);cursor:pointer;background:#6366f114;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .22s;display:flex}.emoji-more-btn:hover{background:#6366f124;transform:translateY(-2px)}.emoji-more-icon{font-size:1rem;font-weight:800;line-height:1}.emoji-more-text{font-size:.68rem;font-weight:700}.emoji-category-tabs{scrollbar-width:none;gap:8px;margin:14px 0 18px;padding-bottom:8px;display:flex;overflow-x:auto}.emoji-category-tabs::-webkit-scrollbar{display:none}.emoji-category-pill{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:700;transition:all .2s}.emoji-category-pill:hover{border-color:var(--accent);color:var(--accent);background:#6366f114}.emoji-category-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px #6366f12e}.emoji-modal-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.emoji-modal-grid::-webkit-scrollbar{width:6px}.emoji-modal-grid::-webkit-scrollbar-thumb{background:#6366f140;border-radius:999px}.emoji-modal-grid::-webkit-scrollbar-track{background:0 0}[data-theme=dark] .emoji-card{background:#ffffff0a}[data-theme=dark] .emoji-card:hover{background:#6366f124}[data-theme=dark] .emoji-card.active{background:#6366f138}[data-theme=dark] .emoji-category-pill{background:#ffffff0a}.filter-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);border-radius:28px;flex-direction:column;gap:16px;margin-bottom:18px;padding:18px;display:flex}.filter-search{width:100%}.filter-search .form-input{border-radius:18px;height:54px;padding:0 18px;font-size:.96rem}.filter-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-pill{border:1px solid var(--border-color);min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:.84rem;font-weight:700;transition:all .22s}.filter-pill:hover{border-color:var(--accent);color:var(--accent);background:#6366f114}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 20px #6366f12e}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.filter-grid .form-input,.filter-grid .form-select{border-radius:18px;width:100%;min-height:54px;padding:0 18px;font-size:.92rem}.filter-grid .form-select.full-width{grid-column:1/-1}.empty-state{text-align:center;border:1px dashed var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:24px;padding:48px 20px;font-size:.92rem;font-weight:500}.tx-list-wrapper{flex-direction:column;gap:14px;display:flex}.tx-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-xs);border-radius:22px;padding:14px}.tx-card+.tx-card{margin-top:10px}.tx-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.tx-emoji{background:var(--bg-card2);border-radius:18px;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:1.4rem;display:flex}.tx-details{flex:1;min-width:0}.tx-header-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.tx-cat{color:var(--text-primary);font-size:1rem;font-weight:800}.tx-note{color:var(--text-muted);font-size:.82rem;line-height:1.5}.tx-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tx-amount{white-space:nowrap;font-size:1.2rem;font-weight:800}.tx-actions{border-top:1px solid var(--border-color);gap:10px;margin-top:14px;padding-top:14px;display:flex}.tx-actions .btn-small{border-radius:14px;flex:1;min-height:44px;font-weight:700}@media (width<=768px){.filter-bar{border-radius:22px;padding:14px}.filter-grid{grid-template-columns:1fr}.tx-item{align-items:flex-start}.tx-amount{font-size:1rem}.tx-actions{flex-direction:row}}.emoji-select-btn,.save-category-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 14px;font-weight:600}.emoji-select-btn{color:#fff;background:#1e293b}.quick-category-add{margin-top:12px;margin-bottom:14px}.quick-category-btn{color:#a5b4fc;cursor:pointer;background:#6366f11f;border:1px solid #6366f159;border-radius:12px;width:100%;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.quick-category-btn:hover{color:#fff;background:#6366f138}.quick-category-box{background:#0f172aa6;border:1px solid #6366f133;border-radius:18px;flex-direction:column;gap:12px;margin-top:14px;padding:14px;display:flex}.emoji-picker-row{gap:12px;display:flex}.emoji-select-btn,.save-category-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px 14px;font-weight:700;transition:all .2s}.emoji-select-btn{color:#fff;background:#1e293b;justify-content:center;align-items:center;gap:8px;display:flex}.selected-emoji-preview{align-items:center;font-size:18px;display:inline-flex}.emoji-modal-overlay{z-index:10003;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.emoji-modal{z-index:10004;background:#111827;border:1px solid #6366f14d;border-radius:24px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;padding:20px;display:flex;position:relative;overflow:hidden}.emoji-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.emoji-modal-header h3{color:#fff;margin:0}.emoji-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;width:36px;height:36px}.emoji-search-input{color:#fff;background:#1e293b;border:1px solid #6366f140;border-radius:12px;width:100%;margin-bottom:14px;padding:12px 14px}.emoji-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.emoji-category-tabs button{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;padding:8px 14px}.emoji-category-tabs button.active{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;padding-right:4px;display:grid;overflow-y:auto}.emoji-item{cursor:pointer;background:#6366f114;border:none;border-radius:14px;padding:12px;font-size:24px;transition:all .2s}.emoji-item:hover{background:#6366f138;transform:scale(1.08)}.category-modal-overlay{z-index:10001;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{z-index:10002;background:#15162c;border:1px solid #6366f159;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:460px;padding:22px;display:flex;position:relative;box-shadow:0 20px 60px #0006}.category-modal-header{justify-content:space-between;align-items:center;display:flex}.category-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.category-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;width:36px;height:36px;font-size:16px}.category-modal-actions{gap:12px;display:flex}.category-cancel-btn,.save-category-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px 16px;font-weight:700}.save-category-btn{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.category-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10001;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{z-index:10002;background:linear-gradient(#181933 0%,#121426 100%);border:1px solid #6366f140;border-radius:28px;width:100%;max-width:560px;padding:24px;animation:.22s categoryModalIn;position:relative;box-shadow:0 25px 60px #00000073}@keyframes categoryModalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.category-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.category-modal-title{color:#fff;font-size:1.4rem;font-weight:800}.category-modal-subtitle{color:#ffffff8c;margin-top:4px;font-size:.82rem}.category-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:14px;width:42px;height:42px;font-size:1rem;transition:all .2s}.category-close-btn:hover{background:#ffffff29}.selected-category-icon{background:#6366f114;border:1px solid #6366f12e;border-radius:18px;align-items:center;gap:12px;margin-top:18px;margin-bottom:18px;padding:14px 16px;display:flex}.selected-category-emoji{background:#6366f129;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.7rem;display:flex}.selected-category-text{color:#fff;font-size:.9rem;font-weight:700}.category-modal-actions{gap:12px;margin-top:18px;display:flex}.category-cancel-btn,.category-save-btn{cursor:pointer;border:none;border-radius:18px;flex:1;height:52px;font-size:.95rem;font-weight:700;transition:all .2s}.category-cancel-btn{color:#cbd5e1;background:#1e293b}.category-save-btn{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.category-save-btn:hover,.category-cancel-btn:hover{transform:translateY(-1px)}.emoji-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10003;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.emoji-modal{background:linear-gradient(#181933 0%,#111827 100%);border:1px solid #6366f138;border-radius:28px;flex-direction:column;gap:16px;width:100%;max-width:880px;max-height:85vh;padding:22px;display:flex;overflow:hidden}.emoji-grid{max-height:420px;padding-right:6px;overflow-y:auto}.emoji-item.active{background:#6366f140;border:1px solid #6366f1}.recent-transactions-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border-radius:28px;flex-direction:column;gap:18px;padding:22px;display:flex}.recent-transactions-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.recent-transactions-title{color:var(--text-primary);margin-bottom:6px;font-size:1.15rem;font-weight:800}.recent-transactions-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.5}.recent-see-all-btn{background:var(--accent-light);color:var(--accent);min-height:unset;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-size:.78rem;font-weight:700;display:flex}.recent-see-all-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.recent-empty-state{border:1px dashed var(--border-color);background:var(--bg-card2);text-align:center;border-radius:22px;padding:30px 18px}.recent-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.recent-empty-subtitle{color:var(--text-muted);font-size:.78rem}.recent-transaction-groups{flex-direction:column;gap:14px;display:flex}.recent-date-card{border:1px solid var(--border-color);background:var(--bg-card2);transition:all var(--transition-normal);border-radius:24px;overflow:hidden}.recent-date-card.expanded{border-color:var(--accent);box-shadow:var(--shadow-md)}.recent-date-header{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.recent-date-left{flex-direction:column;gap:4px;display:flex}.recent-date-title{color:var(--text-primary);font-size:1rem;font-weight:800}.recent-date-count{color:var(--text-muted);font-size:.76rem}.recent-date-right{align-items:center;gap:12px;display:flex}.recent-date-total{font-size:1rem;font-weight:800}.recent-date-total.positive{color:var(--success)}.recent-date-total.negative{color:var(--danger)}.recent-date-arrow{color:var(--text-muted);font-size:.95rem;transition:transform .25s}.recent-date-arrow.expanded{transform:rotate(180deg)}.recent-transaction-list{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.recent-transaction-item{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.recent-transaction-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.recent-transaction-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.recent-transaction-icon{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;font-size:1.3rem;display:flex}.recent-transaction-content{flex:1;min-width:0}.recent-transaction-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.recent-transaction-category{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:800}.recent-transaction-note{color:var(--text-muted);font-size:.78rem;line-height:1.4}.recent-transaction-badge{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:700}.recent-transaction-right{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:110px;display:flex}.recent-transaction-amount{font-size:1.15rem;font-weight:800;line-height:1}.recent-transaction-amount.positive{color:var(--success)}.recent-transaction-amount.negative{color:var(--danger)}.recent-transaction-action{color:var(--text-muted);text-align:center;font-size:.7rem}@media (width<=768px){.recent-transaction-item{align-items:flex-start;padding:14px}.recent-transaction-top{flex-direction:column;align-items:flex-start}.recent-transaction-right{min-width:90px}.recent-transaction-amount{font-size:1rem}}.pwa-install-btn{z-index:9999;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;outline:none;padding:14px 22px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000040}.pwa-install-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000004d}@media (width<=768px){.pwa-install-btn{text-align:center;border-radius:12px;width:calc(100% - 32px);padding:16px;bottom:16px;right:16px}}