:root{--primary-color: #6366f1;--secondary-color: #a855f7;--accent-color: #ec4899;--background-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-color: #ffffff;--text-muted: #cbd5e1;--danger-color: #ef4444;--success-color: #22c55e;--font-family: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background-gradient);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow-x:hidden}#app{width:100%;max-width:620px;position:relative}#language-selector{width:23%;margin-top:0}.glass-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000005e;animation:fadeIn .8s ease-out}header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-title{text-align:left}header h1{font-weight:600;font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(to right,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:.9rem}.user-profile{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--glass-border);object-fit:cover}.user-info{display:flex;flex-direction:row;align-items:flex-end;gap:.25rem}.user-name{font-size:.85rem;color:var(--text-color);font-weight:500}.logout-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-family)}.logout-btn:hover{background:#ef44444d;border-color:#ef444480;color:#fff}#login-page{width:100%;max-width:620px;position:relative}.login-container{text-align:center;padding:3rem 2rem}.login-header{margin-bottom:2rem}.login-header h1{font-weight:600;font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(to right,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.login-illustration{margin:1rem 0;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-description{color:var(--text-muted);font-size:.95rem;max-width:320px;line-height:1.5}#google-signin-button{margin-top:1rem;display:flex;justify-content:center}.balance-card{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:2rem;transition:transform .3s ease}.balance-card:hover{transform:translateY(-2px)}.balance-card h2{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}#total-amount{font-size:2.5rem;font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(168,85,247,.3)}.form-group{margin-bottom:1.2rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}input,select{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:.8rem 1rem;color:#fff;font-family:var(--font-family);font-size:1rem;transition:all .3s ease;outline:none}input:focus,select:focus{border-color:var(--primary-color);background:#0000004d;box-shadow:0 0 0 3px #6366f133}input::placeholder{color:#ffffff4d}select option{background:#1e1b4b;color:#fff}.btn-primary{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;padding:1rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary:active{transform:translateY(0)}.expenses-list-container h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted)}ul{list-style:none}.expense-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;animation:slideIn .4s ease-out}.expense-item:hover{background:#ffffff14;transform:translate(4px)}.expense-info{display:flex;flex-direction:column}.expense-name{font-weight:500;color:#fff;margin-bottom:.2rem}.expense-category{font-size:.8rem;color:var(--text-muted);background:#ffffff1a;padding:2px 8px;border-radius:10px;display:inline-block;width:fit-content}.expense-actions{display:flex;align-items:center;gap:1rem}.expense-amount{font-weight:600;color:var(--accent-color)}.delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;transition:color .3s ease;padding:4px}.delete-btn:hover{color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hidden{display:none}#empty-state{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic;opacity:.7}@media(max-width:480px){.glass-container{padding:1.5rem;border-radius:0;min-height:100vh;border:none}body{padding:0;align-items:flex-start}#app{max-width:100%}.header-content{flex-direction:column;align-items:flex-start}.user-profile{width:100%;justify-content:space-between}}