*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root,[data-theme=darkknight]{--primary: #10b981;--primary-dark: #059669;--secondary: #6366f1;--danger: #ef4444;--warning: #f59e0b;--bg: #000000;--bg-secondary: #0a0a0a;--card-bg: #111111;--text: #f1f5f9;--text-muted: #94a3b8;--border: #1e1e1e;--shadow: 0 1px 3px rgba(0,0,0,.5);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.6);--input-bg: #111111;--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 rgba(0,0,0,.5);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.6);--input-bg: #4a3528;--alert-error-bg: #4a2020;--alert-error-border: #8b3030;--alert-success-bg: #2a3d20;--alert-success-border: #5a8040}[data-theme=dracula]{--primary: #ff5555;--primary-dark: #cc4444;--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 rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);--input-bg: #44475a;--alert-error-bg: #3d1515;--alert-error-border: #ff7979;--alert-success-bg: #2d1a1a;--alert-success-border: #ff5555}[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 rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);--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: #ff00ff;--danger: #ff0055;--warning: #ffff00;--bg: #0d0d0d;--bg-secondary: #14141e;--card-bg: #1a1a2e;--text: #00fff9;--text-muted: #7a8899;--border: #ff00ff;--shadow: 0 0 10px rgba(255,0,255,.3);--shadow-lg: 0 0 20px rgba(0,255,249,.3);--input-bg: #1a1a2e;--alert-error-bg: #2d0015;--alert-error-border: #ff0055;--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 rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);--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 rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4);--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 rgba(244,114,182,.2);--shadow-lg: 0 10px 15px -3px rgba(244,114,182,.3);--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 rgba(155,126,203,.15);--shadow-lg: 0 10px 15px -3px rgba(155,126,203,.25);--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: #ffffff;--text: #3b0764;--text-muted: #7c3aed;--border: #ddd6fe;--shadow: 0 1px 3px rgba(139,92,246,.1);--shadow-lg: 0 10px 15px -3px rgba(139,92,246,.15);--input-bg: #ffffff;--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: #ffffff;--text: #4a1942;--text-muted: #9d4a8a;--border: #fbcfe8;--shadow: 0 1px 3px rgba(236,72,153,.1);--shadow-lg: 0 10px 15px -3px rgba(236,72,153,.15);--input-bg: #ffffff;--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: #ffffff;--text: #4c1d5e;--text-muted: #a855c8;--border: #f0d4e8;--shadow: 0 1px 4px rgba(244,114,182,.12);--shadow-lg: 0 10px 15px -3px rgba(125,211,252,.15);--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 rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--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: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--input-bg: #ffffff;--alert-error-bg: #fef2f2;--alert-error-border: #fecaca;--alert-success-bg: #f0fdf4;--alert-success-border: #bbf7d0;--btn-text: #1e293b}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);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);padding:15px 20px;position:sticky;top:0;z-index:100}.header-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:10px}.header-logo{width:36px;height:36px;object-fit:contain}.motto{display:block;font-size:.55rem;font-weight:400;font-style:italic;opacity:.6;letter-spacing:.3px;line-height:1;margin-top:-2px}.nav{display:flex;gap:15px;align-items:center}.nav a{color:var(--text);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:background .2s}.nav a:hover{background:var(--bg)}.nav a.active{background:var(--primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.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{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:24px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:1.25rem;font-weight:600}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:6px;color:var(--text)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary)}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text);cursor:pointer}.form-input{background:var(--input-bg);color:var(--text)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{width:120px;height:120px;object-fit:contain;margin-bottom:15px}.auth-header h1{font-size:2rem;color:var(--primary);margin-bottom:8px}.auth-header p{color:var(--text-muted)}.auth-footer{text-align:center;margin-top:20px;color:var(--text-muted)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500}.list{list-style:none}.list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-title{font-weight:500}.list-item-subtitle{font-size:.875rem;color:var(--text-muted)}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.expense-info{flex:1}.expense-description{font-weight:500;margin-bottom:4px}.expense-meta{font-size:.85rem;color:var(--text-muted)}.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{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.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{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg);border-radius:20px;font-size:.85rem;margin:4px}.member-avatar{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.alert{padding:12px 16px;border-radius:8px;margin-bottom: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{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:10px;margin-bottom:20px}.tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-muted)}.tab.active{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.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 (max-width: 768px){.container{padding:16px 12px}.currency-grid,.currency-picker-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.header{padding:10px 12px}.header-content{flex-wrap:wrap;gap:8px;justify-content:center}.logo{font-size:1.2rem}.header-logo{width:28px;height:28px}.nav{gap:6px;flex-wrap:wrap;justify-content:center}.nav a{padding:6px 10px;font-size:.85rem}.container{padding:12px 10px}.card{padding:16px;border-radius:10px}.card-title{font-size:1.1rem}.card-header{flex-wrap:wrap;gap:8px}.modal,.modal-content{max-width:100%;margin:0;border-radius:12px}.modal-overlay{padding:10px}.modal-body,.modal-header{padding:16px}.modal-footer{padding:12px 16px;flex-wrap:wrap}.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{right:auto;left:-60px}.currency-picker-menu{right:auto;left:0}.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{padding:12px;gap:8px}.list-item{padding:12px;flex-wrap:wrap;gap:8px}.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{font-size:1.5rem!important;word-break:break-word}.converter-rate-detail{word-break:break-word}.trend-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.5rem}.trend-periods{flex-wrap:wrap!important}.split-row{flex-wrap:wrap!important;gap:6px!important}.split-row .split-name{min-width:0!important;flex:1 1 100%}.split-row .split-input{width:80px!important}}@media (max-width: 380px){.header-content{flex-direction:column;align-items:stretch}.logo{font-size:1rem;justify-content:center}.nav{justify-content:center}.balance-amount{font-size:1.5rem}.tab{padding:6px;font-size:.75rem}.user-menu-trigger span:first-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}}.theme-dropdown{position:relative;display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;transition:all .2s}.theme-dropdown:hover{border-color:var(--primary)}.theme-dropdown .theme-icon{font-size:1.1rem;pointer-events:none}.theme-select{background:transparent;border:none;color:var(--text);font-size:.9rem;cursor:pointer;outline:none;padding-right:4px;min-width:100px}.theme-select option{background:var(--card-bg);color:var(--text);padding:8px}.theme-select optgroup{font-weight:700;color:#000!important;background:#e0e0e0}.theme-toggle{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:6px;transition:all .2s;color:var(--text)}.theme-toggle:hover{background:var(--card-bg);border-color:var(--primary)}.theme-icon{font-size:1.1rem}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:.9rem;transition:all .2s}.user-menu-trigger:hover{background:var(--card-bg);border-color:var(--primary)}.dropdown-arrow{font-size:.7rem;opacity:.7}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:.95rem;text-align:left;transition:background .2s}.user-menu-item:hover{background:var(--bg)}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}.user-menu-logout:hover{background:var(--alert-error-bg);color:var(--danger)}.currency-grid-dropdown{position:relative}.currency-trigger{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:1rem;transition:all .2s}.currency-trigger:hover{background:var(--card-bg);border-color:var(--primary)}.currency-grid-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;padding:12px}.currency-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:max-content}.currency-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;min-width:54px;color:var(--text)}.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{font-size:.65rem;opacity:.8;margin-top:2px}.currency-picker-trigger{display:flex;align-items:center;gap:6px;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:1rem;transition:all .2s;min-width:100px}.currency-picker-trigger:hover{border-color:var(--primary)}.currency-picker-code{font-weight:500}.currency-picker-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1001;padding:12px}.currency-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:max-content}.currency-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;min-width:54px;color:var(--text)}.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{font-size:.65rem;opacity:.8;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:100%;max-width:420px;animation:modalSlideIn .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:1.3rem;font-weight:600;margin:0}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@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{width:40px;height:40px;border:4px solid var(--border, #e2e8f0);border-top:4px solid var(--primary, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}