:root{--primary-indigo:#4338ca;--sky-blue:#0ea5e9;--teal-highlight:#14b8a6;--bg-gradient:linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);--glass-white:#fffffff2;--text-dark:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0}.login-container{background:var(--bg-gradient);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-card{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;width:90%;max-width:420px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #0000001a}.login-header{text-align:center;padding:40px 40px 10px}.login-header h2{color:var(--primary-indigo);margin-bottom:8px;font-size:1.75rem;font-weight:800}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{padding:20px 40px 30px}.input-group input{border:2px solid var(--border-color);background:#f8fafc;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-group input:focus{border-color:var(--sky-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #0ea5e91a}.login-button{background:var(--primary-indigo);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.login-button:hover:not(:disabled){background:var(--teal-highlight);transform:translateY(-2px);box-shadow:0 10px 15px -3px #14b8a64d}.login-button:disabled{cursor:not-allowed;background:#cbd5e1}.login-footer{text-align:center;border-top:1px solid var(--border-color);background:#f8fafc80;padding:20px 40px 40px}.login-footer p{color:var(--text-muted);font-size:.9rem}.link-button{color:var(--sky-blue);cursor:pointer;background:0 0;border:none;padding-left:4px;font-weight:700;text-decoration:none;transition:color .2s}@media (width<=480px){.login-card{width:95%}.login-header,.login-form,.login-footer{padding:30px 25px}.login-header h2{font-size:1.5rem}}@media (height<=450px){.login-card{border-radius:0;max-height:100vh}}:root{--primary-indigo:#4338ca;--sky-blue:#0ea5e9;--teal-highlight:#14b8a6;--bg-gradient:linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);--glass-white:#fffffff2;--text-dark:#1e293b;--text-muted:#64748b;--error:#ef4444}.register-container{background:var(--bg-gradient);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.register-card{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;width:90%;max-width:550px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #0000001a}.register-header{text-align:center;padding:40px 40px 20px}.register-header h2{color:var(--primary-indigo);letter-spacing:-.025em;margin-bottom:8px;font-size:1.75rem;font-weight:800}.register-header p{color:var(--text-muted);font-size:.95rem}.register-form{padding:0 40px 30px}.register-form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px;display:grid}.input-group label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:700}.input-group input,.input-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:var(--sky-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #0ea5e91a}.register-button{background:var(--primary-indigo);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.register-button:hover:not(:disabled){background:var(--teal-highlight);transform:translateY(-2px);box-shadow:0 10px 15px -3px #14b8a64d}.register-button:disabled{cursor:not-allowed;background:#cbd5e1}.register-footer{text-align:center;background:#f8fafc80;padding:20px 40px 40px}.link-button{color:var(--sky-blue);cursor:pointer;background:0 0;border:none;padding-left:5px;font-weight:700;text-decoration:none}.link-button:hover{color:var(--primary-indigo);text-decoration:underline}@media (width<=600px){.register-card{width:95%;max-height:95vh}.register-form-row{grid-template-columns:1fr;gap:0}.register-header,.register-form,.register-footer{padding:25px}.register-header h2{font-size:1.4rem}}@media (height<=500px){.register-card{border-radius:0;width:100%;max-height:100vh}}:root{--primary-indigo:#4338ca;--sky-blue:#0ea5e9;--teal-highlight:#14b8a6;--nav-bg:#fffc;--text-dark:#1e293b;--text-muted:#64748b;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.navbar-header{z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.navbar-brand h2{color:var(--primary-indigo);letter-spacing:-.025em;cursor:default;font-size:1.25rem;font-weight:800}.navbar-links{align-items:center;gap:2rem;display:flex}.nav-item{color:var(--text-muted);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-item:hover{color:var(--primary-indigo)}.active-link{color:var(--primary-indigo);font-weight:700}.active-link:after{content:"";background:var(--sky-blue);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.nav-logout-btn{color:#ef4444;cursor:pointer;transition:var(--transition);background:0 0;border:1.5px solid #fee2e2;border-radius:8px;padding:.5rem 1rem;font-weight:600}.nav-logout-btn:hover{background:#fef2f2;border-color:#ef4444}.mobile-menu-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;display:none}@media (width<=768px){.mobile-menu-btn{display:block}.navbar-links{opacity:0;pointer-events:none;transition:var(--transition);background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:1.5rem;padding:1.5rem;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px);box-shadow:0 10px 15px -3px #0000001a}.navbar-links.active{opacity:1;pointer-events:all;transform:translateY(0)}.nav-item{text-align:center;width:100%;font-size:1.1rem}.nav-logout-btn{width:100%}}.dashboard-container{background-color:var(--bg-subtle);min-height:100vh;color:var(--text-main);font-family:Inter,system-ui,sans-serif}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{color:var(--primary-indigo);letter-spacing:-.025em;font-size:1.875rem;font-weight:800}.dashboard-header p{color:var(--text-muted);margin-top:.25rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:1.5rem;transition:transform .2s;display:flex}.metric-card:hover{transform:translateY(-4px)}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.metric-value{color:var(--text-main);margin-top:.5rem;font-size:1.75rem;font-weight:700}.metric-card--highlight{background:linear-gradient(135deg, var(--primary-indigo), #6366f1);color:#fff}.metric-card--highlight .metric-label{color:#fffc}.metric-card--highlight .metric-value{color:#fff}.records-strip{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:1rem;margin-bottom:2rem;padding:.75rem 1.5rem;display:inline-flex}.records-label{color:var(--text-muted);font-size:.875rem;font-weight:600}.records-value{background:var(--sky-blue);color:#fff;border-radius:12px;padding:2px 10px;font-size:.875rem;font-weight:700}.bottom-grid{grid-template-columns:1fr 1.5fr;gap:2rem;display:grid}.card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:1.5rem}.card-title{color:var(--text-main);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.cat-list{flex-direction:column;gap:1.25rem;display:flex}.cat-row{grid-template-columns:auto 100px 1fr auto;align-items:center;gap:1rem;display:grid}.cat-icon{font-size:1.25rem}.cat-name{color:var(--text-main);font-size:.9rem;font-weight:500}.cat-bar-wrap{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.cat-bar-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.cat-amount{text-align:right;min-width:80px;font-size:.9rem;font-weight:700}.txn-list{flex-direction:column;gap:1rem;display:flex}.txn-row{border-radius:12px;align-items:center;padding:.75rem;transition:background .2s;display:flex}.txn-row:hover{background:var(--bg-subtle)}.txn-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:1rem;font-size:1.25rem;display:flex}.txn-info{flex:1}.txn-name{color:var(--text-main);font-size:.95rem;font-weight:600;display:block}.txn-cat{color:var(--text-muted);font-size:.8rem}.txn-right{text-align:right}.txn-amount{color:#ef4444;font-size:.95rem;font-weight:700;display:block}.txn-date{color:var(--text-muted);font-size:.75rem}.loading-state,.error-state{text-align:center;color:var(--text-muted);padding:4rem}.loading-spinner{border:4px solid #e2e8f0;border-top-color:var(--primary-indigo);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.bottom-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-content{padding:1.5rem 1rem}.metric-grid{grid-template-columns:1fr}.cat-row{grid-template-columns:auto 1fr auto}.cat-bar-wrap{display:none}.dashboard-header h1{font-size:1.5rem}}:root{--primary-indigo:#4338ca;--sky-blue:#0ea5e9;--teal-highlight:#14b8a6;--bg-subtle:#f8fafc;--card-shadow:0 10px 15px -3px #0000000d;--text-main:#1e293b;--text-muted:#64748b}.expenses-container{background-color:var(--bg-subtle);min-height:100vh}.expenses-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.expenses-layout{grid-template-columns:380px 1fr;align-items:start;gap:2.5rem;display:grid}.expense-form-section{position:sticky;top:100px}.expense-form-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2rem}.expense-form-card h2{color:var(--primary-indigo);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.input-group{flex-direction:column;margin-bottom:1.25rem;display:flex}.input-group label{color:var(--text-dark);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{background:#fdfdfd;border:2px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:.95rem;transition:all .2s}.input-group input:focus{border-color:var(--sky-blue);outline:none;box-shadow:0 0 0 4px #0ea5e91a}.submit-btn{background:var(--primary-indigo);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600;transition:all .3s}.submit-btn:hover{background:var(--teal-highlight);transform:translateY(-1px)}.cancel-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:10px;padding:10px}.list-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filter-bar{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:8px;display:flex}.filter-input{color:var(--text-main);border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem}.clear-filter-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.expense-list{flex-direction:column;gap:1rem;display:flex}.expense-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem;transition:transform .2s;display:flex}.expense-card:hover{border-left:4px solid var(--sky-blue);transform:translate(5px)}.expense-header-row{align-items:center;gap:15px;display:flex}.expense-title{margin:0;font-size:1.05rem;font-weight:700}.expense-amount{color:#ef4444;font-size:1.1rem;font-weight:800}.expense-meta{color:var(--text-muted);gap:12px;margin-top:5px;font-size:.85rem;display:flex}.expense-category{color:var(--sky-blue);text-transform:capitalize;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-weight:600}.expense-actions{gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.edit-btn{color:#16a34a;background:#f0fdf4}.delete-btn{color:#dc2626;background:#fef2f2}.desktop-only{display:block}.mobile-only{display:none}@media (width<=950px){.expenses-layout{grid-template-columns:1fr}.expense-form-section{position:relative;top:0}.desktop-only{display:none}.mobile-only{display:block}}@media (width<=600px){.filter-bar{flex-direction:column;width:100%}.expense-card{flex-direction:column;align-items:flex-start;gap:15px}.expense-actions{justify-content:flex-end;width:100%}}