*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}:root,[data-theme=darkknight]{--primary:#10b981;--primary-dark:#059669;--secondary:#6366f1;--danger:#ef4444;--warning:#f59e0b;--bg:#000;--bg-secondary:#0a0a0a;--card-bg:#111;--text:#f1f5f9;--text-muted:#94a3b8;--border:#1e1e1e;--shadow:0 1px 3px #00000080;--shadow-lg:0 10px 15px -3px #0009;--input-bg:#111;--alert-error-bg:#1a0000;--alert-error-border:#450a0a;--alert-success-bg:#001a0a;--alert-success-border:#052e16}[data-theme=espresso]{--primary:#c9a067;--primary-dark:#a67c52;--secondary:#8b6914;--danger:#c75050;--warning:#d4a017;--bg:#2c1f17;--bg-secondary:#34251c;--card-bg:#3d2b20;--text:#f0e4d7;--text-muted:#bfa88a;--border:#5c4332;--shadow:0 1px 3px #00000080;--shadow-lg:0 10px 15px -3px #0009;--input-bg:#4a3528;--alert-error-bg:#4a2020;--alert-error-border:#8b3030;--alert-success-bg:#2a3d20;--alert-success-border:#5a8040}[data-theme=dracula]{--primary:#f55;--primary-dark:#c44;--secondary:#bd93f9;--danger:#ff7979;--warning:#f1fa8c;--bg:#282a36;--bg-secondary:#363948;--card-bg:#44475a;--text:#f8f8f2;--text-muted:#6272a4;--border:#6272a4;--shadow:0 1px 3px #0006;--shadow-lg:0 10px 15px -3px #00000080;--input-bg:#44475a;--alert-error-bg:#3d1515;--alert-error-border:#ff7979;--alert-success-bg:#2d1a1a;--alert-success-border:#f55}[data-theme=monokai]{--primary:#a6e22e;--primary-dark:#8ac21b;--secondary:#ae81ff;--danger:#f92672;--warning:#e6db74;--bg:#272822;--bg-secondary:#33322a;--card-bg:#3e3d32;--text:#f8f8f2;--text-muted:#75715e;--border:#49483e;--shadow:0 1px 3px #0006;--shadow-lg:0 10px 15px -3px #00000080;--input-bg:#3e3d32;--alert-error-bg:#3d1525;--alert-error-border:#f92672;--alert-success-bg:#2a3d15;--alert-success-border:#a6e22e}[data-theme=cyberpunk]{--primary:#00fff9;--primary-dark:#00d4cf;--secondary:#f0f;--danger:#f05;--warning:#ff0;--bg:#0d0d0d;--bg-secondary:#14141e;--card-bg:#1a1a2e;--text:#00fff9;--text-muted:#7a8899;--border:#f0f;--shadow:0 0 10px #ff00ff4d;--shadow-lg:0 0 20px #00fff94d;--input-bg:#1a1a2e;--alert-error-bg:#2d0015;--alert-error-border:#f05;--alert-success-bg:#002d2b;--alert-success-border:#00fff9;--btn-text:#0d0d0d}[data-theme=ocean]{--primary:#06b6d4;--primary-dark:#0891b2;--secondary:#8b5cf6;--danger:#f43f5e;--warning:#fbbf24;--bg:#0c1929;--bg-secondary:#10243b;--card-bg:#132f4c;--text:#e3f2fd;--text-muted:#66b2ff;--border:#1e4976;--shadow:0 1px 3px #0006;--shadow-lg:0 10px 15px -3px #00000080;--input-bg:#132f4c;--alert-error-bg:#2d1519;--alert-error-border:#f43f5e;--alert-success-bg:#0d2d2d;--alert-success-border:#06b6d4}[data-theme=matcha]{--primary:#84cc16;--primary-dark:#65a30d;--secondary:#059669;--danger:#dc2626;--warning:#ca8a04;--bg:#1a2e1a;--bg-secondary:#233c23;--card-bg:#2d4a2d;--text:#ecfccb;--text-muted:#a3e635;--border:#3f6d3f;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--input-bg:#2d4a2d;--alert-error-bg:#3d1515;--alert-error-border:#dc2626;--alert-success-bg:#1a3d1a;--alert-success-border:#84cc16}[data-theme=rosegold]{--primary:#f472b6;--primary-dark:#ec4899;--secondary:#c084fc;--danger:#fb7185;--warning:#fbbf24;--bg:#2d1f2f;--bg-secondary:#352437;--card-bg:#3d2a3f;--text:#fdf2f8;--text-muted:#f9a8d4;--border:#5c3d5e;--shadow:0 1px 3px #f472b633;--shadow-lg:0 10px 15px -3px #f472b64d;--input-bg:#3d2a3f;--alert-error-bg:#3d1525;--alert-error-border:#fb7185;--alert-success-bg:#2d1a2d;--alert-success-border:#f472b6}[data-theme=purplehaze]{--primary:#9b7ecb;--primary-dark:#7c5db5;--secondary:#6d5a9e;--danger:#d4556b;--warning:#c9a84c;--bg:#13111c;--bg-secondary:#1a1726;--card-bg:#221e30;--text:#ddd6f3;--text-muted:#8b80a5;--border:#352f4a;--shadow:0 1px 3px #9b7ecb26;--shadow-lg:0 10px 15px -3px #9b7ecb40;--input-bg:#221e30;--alert-error-bg:#2a1525;--alert-error-border:#d4556b;--alert-success-bg:#1a2025;--alert-success-border:#7c9b6b;--btn-text:#13111c}[data-theme=lavender]{--primary:#a78bfa;--primary-dark:#8b5cf6;--secondary:#f472b6;--danger:#f87171;--warning:#fbbf24;--bg:#f5f3ff;--bg-secondary:#ede9fe;--card-bg:#fff;--text:#3b0764;--text-muted:#7c3aed;--border:#ddd6fe;--shadow:0 1px 3px #8b5cf61a;--shadow-lg:0 10px 15px -3px #8b5cf626;--input-bg:#fff;--alert-error-bg:#fef2f2;--alert-error-border:#fecaca;--alert-success-bg:#f5f3ff;--alert-success-border:#c4b5fd;--btn-text:#1a1a2e}[data-theme=sakura]{--primary:#ec4899;--primary-dark:#db2777;--secondary:#a855f7;--danger:#f43f5e;--warning:#fb923c;--bg:#fdf2f8;--bg-secondary:#fce7f3;--card-bg:#fff;--text:#4a1942;--text-muted:#9d4a8a;--border:#fbcfe8;--shadow:0 1px 3px #ec48991a;--shadow-lg:0 10px 15px -3px #ec489926;--input-bg:#fff;--alert-error-bg:#fff1f2;--alert-error-border:#fecdd3;--alert-success-bg:#fdf2f8;--alert-success-border:#f9a8d4;--btn-text:#4a1942}[data-theme=cottoncandy]{--primary:#f472b6;--primary-dark:#ec4899;--secondary:#7dd3fc;--danger:#fb7185;--warning:#fbbf24;--bg:#fdf2f8;--bg-secondary:#fce7f3;--card-bg:#fff;--text:#4c1d5e;--text-muted:#a855c8;--border:#f0d4e8;--shadow:0 1px 4px #f472b61f;--shadow-lg:0 10px 15px -3px #7dd3fc26;--input-bg:#fff5fa;--alert-error-bg:#fff1f3;--alert-error-border:#fda4af;--alert-success-bg:#f0fdfa;--alert-success-border:#99f6e4;--btn-text:#4c1d5e}[data-theme=solarized]{--primary:#859900;--primary-dark:#6b7d00;--secondary:#268bd2;--danger:#dc322f;--warning:#b58900;--bg:#fdf6e3;--bg-secondary:#eee8d5;--card-bg:#eee8d5;--text:#073642;--text-muted:#586e75;--border:#93a1a1;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--input-bg:#eee8d5;--alert-error-bg:#fdf4f4;--alert-error-border:#dc322f;--alert-success-bg:#f6fdf4;--alert-success-border:#859900;--btn-text:#073642}[data-theme=flashbang]{--primary:#10b981;--primary-dark:#059669;--secondary:#6366f1;--danger:#ef4444;--warning:#f59e0b;--bg:#f8fafc;--bg-secondary:#f1f5f9;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--input-bg:#fff;--alert-error-bg:#fef2f2;--alert-error-border:#fecaca;--alert-success-bg:#f0fdf4;--alert-success-border:#bbf7d0;--btn-text:#1e293b}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{min-height:100vh}.container{max-width:800px;margin:0 auto;padding:20px}.header{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;padding:15px 20px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.header-logo{object-fit:contain;width:36px;height:36px}.motto{opacity:.6;letter-spacing:.3px;margin-top:-2px;font-size:.55rem;font-style:italic;font-weight:400;line-height:1;display:block}.nav{align-items:center;gap:15px;display:flex}.nav a{color:var(--text);border-radius:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:background .2s}.nav a:hover{background:var(--bg)}.nav a.active{background:var(--primary);color:#fff}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--btn-text,white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--btn-text,white)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;margin-bottom:16px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:1.25rem;font-weight:600}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:6px;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none}.form-select{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:12px 16px;font-size:1rem}.form-input{background:var(--input-bg);color:var(--text)}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{object-fit:contain;width:120px;height:120px;margin-bottom:15px}.auth-header h1{color:var(--primary);margin-bottom:8px;font-size:2rem}.auth-header p{color:var(--text-muted)}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.list{list-style:none}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.list-item:last-child{border-bottom:none}.list-item-title{font-weight:500}.list-item-subtitle{color:var(--text-muted);font-size:.875rem}.expense-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.expense-info{flex:1}.expense-description{margin-bottom:4px;font-weight:500}.expense-meta{color:var(--text-muted);font-size:.85rem}.expense-amount{font-size:1.25rem;font-weight:600}.expense-amount.positive{color:var(--primary)}.expense-amount.negative{color:var(--danger)}.balance-card{text-align:center;padding:30px}.balance-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.balance-amount{font-size:2.5rem;font-weight:700}.balance-positive{color:#10b981}.balance-negative{color:#ef4444}.balance-zero{color:var(--text-muted)}.member-badge{background:var(--bg);border-radius:20px;align-items:center;gap:6px;margin:4px;padding:4px 10px;font-size:.85rem;display:inline-flex}.member-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{margin-bottom:16px;font-size:3rem}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px}.alert-error{background:var(--alert-error-bg);color:var(--danger);border:1px solid var(--alert-error-border)}.alert-success{background:var(--alert-success-bg);color:var(--primary);border:1px solid var(--alert-success-border)}.tabs{background:var(--bg);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.tab.active{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.gap-2{gap:8px}.gap-4{gap:16px}@media (width<=768px){.container{padding:16px 12px}.currency-grid,.currency-picker-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.header{padding:10px 12px}.header-content{flex-wrap:wrap;justify-content:center;gap:8px}.logo{font-size:1.2rem}.header-logo{width:28px;height:28px}.nav{flex-wrap:wrap;justify-content:center;gap:6px}.nav a{padding:6px 10px;font-size:.85rem}.container{padding:12px 10px}.card{border-radius:10px;padding:16px}.card-title{font-size:1.1rem}.card-header{flex-wrap:wrap;gap:8px}.modal,.modal-content{border-radius:12px;max-width:100%;margin:0}.modal-overlay{padding:10px}.modal-body,.modal-header{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-actions{flex-wrap:wrap}.tabs{margin-bottom:16px}.tab{padding:8px;font-size:.8rem}.btn{padding:10px 16px;font-size:.9rem}.form-input,.form-select{padding:12px;font-size:1rem}.balance-card{padding:20px}.balance-amount{font-size:2rem}.currency-grid,.currency-picker-grid{grid-template-columns:repeat(3,1fr)}.currency-grid-menu{left:-60px;right:auto}.currency-picker-menu{left:0;right:auto}.theme-select{min-width:80px;font-size:.8rem}.theme-dropdown{padding:4px 8px}.user-menu-trigger{padding:6px 10px;font-size:.8rem}.currency-trigger{padding:6px 10px}.expense-amount{font-size:1rem}.expense-item{gap:8px;padding:12px}.list-item{flex-wrap:wrap;gap:8px;padding:12px}.auth-header h1{font-size:1.5rem}.auth-logo{width:80px;height:80px}.currency-select-row{flex-direction:column!important;gap:.75rem!important}.currency-select-row .form-group{width:100%}.currency-swap-btn{align-self:center!important;margin-top:0!important}.converter-result{word-break:break-word;font-size:1.5rem!important}.converter-rate-detail{word-break:break-word}.trend-header-row{gap:.5rem;flex-direction:column!important;align-items:flex-start!important}.trend-periods{flex-wrap:wrap!important}.split-row{flex-wrap:wrap!important;gap:6px!important}.split-row .split-name{flex:100%;min-width:0!important}.split-row .split-input{width:80px!important}}@media (width<=380px){.header-content{flex-direction:column;align-items:stretch}.logo{justify-content:center;font-size:1rem}.nav{justify-content:center}.balance-amount{font-size:1.5rem}.tab{padding:6px;font-size:.75rem}.user-menu-trigger span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:80px;display:inline-block;overflow:hidden}}.theme-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:all .2s;display:flex;position:relative}.theme-dropdown:hover{border-color:var(--primary)}.theme-dropdown .theme-icon{pointer-events:none;font-size:1.1rem}.theme-select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;min-width:100px;padding-right:4px;font-size:.9rem}.theme-select option{background:var(--card-bg);color:var(--text);padding:8px}.theme-select optgroup{background:#e0e0e0;font-weight:700;color:#000!important}.theme-toggle{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--card-bg);border-color:var(--primary)}.theme-icon{font-size:1.1rem}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:var(--card-bg);border-color:var(--primary)}.dropdown-arrow{opacity:.7;font-size:.7rem}.user-menu-dropdown{background:var(--card-bg);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.user-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;transition:background .2s;display:flex}.user-menu-item:hover{background:var(--bg)}.user-menu-divider{background:var(--border);height:1px;margin:4px 0}.user-menu-logout:hover{background:var(--alert-error-bg);color:var(--danger)}.currency-grid-dropdown{position:relative}.currency-trigger{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:1rem;transition:all .2s;display:flex}.currency-trigger:hover{background:var(--card-bg);border-color:var(--primary)}.currency-grid-menu{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;margin-top:8px;padding:12px;position:absolute;top:100%;right:0}.currency-grid{grid-template-columns:repeat(5,1fr);gap:6px;width:max-content;display:grid}.currency-grid-item{background:var(--bg);border:2px solid var(--border);cursor:pointer;min-width:54px;color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;transition:all .2s;display:flex}.currency-grid-item:hover{background:var(--primary);border-color:var(--primary);color:#fff}.currency-grid-item.active{border-color:var(--primary);background:var(--primary);color:#fff}.currency-symbol{font-size:1rem;font-weight:600}.currency-code{opacity:.8;margin-top:2px;font-size:.65rem}.currency-picker-trigger{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;min-width:100px;padding:12px 14px;font-size:1rem;transition:all .2s;display:flex}.currency-picker-trigger:hover{border-color:var(--primary)}.currency-picker-code{font-weight:500}.currency-picker-menu{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1001;border-radius:12px;margin-top:8px;padding:12px;position:absolute;top:100%;right:0}.currency-picker-grid{grid-template-columns:repeat(5,1fr);gap:6px;width:max-content;display:grid}.currency-picker-item{background:var(--bg);border:2px solid var(--border);cursor:pointer;min-width:54px;color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;transition:all .2s;display:flex}.currency-picker-item:hover{background:var(--primary);border-color:var(--primary);color:#fff}.currency-picker-item.active{border-color:var(--primary);background:var(--primary);color:#fff}.currency-picker-symbol{font-size:1rem;font-weight:600}.currency-picker-label{opacity:.8;margin-top:2px;font-size:.65rem}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:420px;animation:.2s ease-out modalSlideIn}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:4px solid var(--border,#e2e8f0);border-top:4px solid var(--primary,#10b981);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}