*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{padding:0}.app-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{width:100%;max-width:900px;margin:0 auto;padding:20px 0}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;animation:.4s ease-out slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#2d3748;margin-bottom:8px;font-size:32px;font-weight:700}.subtitle{color:#718096;font-size:14px;font-weight:500}.auth-form{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.form-group input{border:2px solid #e2e8f0;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus{background-color:#f7fafc;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background-color:#edf2f7}.btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#667eea;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:2px solid #667eea;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#f7fafc;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;border-top:1px solid #e2e8f0;padding-top:16px}.auth-toggle p{color:#718096;margin:0;font-size:13px}.toggle-link{color:#667eea;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .3s}.toggle-link:hover:not(:disabled){color:#764ba2}.toggle-link:disabled{opacity:.6;cursor:not-allowed}.dashboard{padding:0}.welcome-card{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;animation:.4s ease-out slideUp;display:flex;box-shadow:0 4px 6px #00000012}.welcome-content h1{color:#2d3748;margin-bottom:4px;font-size:28px;font-weight:700}.user-email{color:#718096;margin:0;font-size:14px}.card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;animation:.4s ease-out slideUp;box-shadow:0 4px 6px #00000012}.card h2{color:#2d3748;margin-bottom:16px;font-size:18px;font-weight:700}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.card-header h2{margin:0}.filter-group{flex:1;min-width:200px}.expense-controls{align-items:center;gap:12px;display:flex}.search-container{width:100%;position:relative}.sort-container{flex-direction:row;align-items:center;gap:10px;min-width:240px;display:flex}.sort-label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:12px;font-weight:600}.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;transition:all .3s}.sort-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.filter-input{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 36px 10px 12px;font-size:13px;transition:all .3s}.filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.clear-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:16px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-btn:hover{color:#667eea}.suggestions-dropdown{z-index:10;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestions-dropdown--form{border-top:2px solid #e2e8f0;border-radius:8px;margin-top:6px}.suggestions-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.suggestions-title{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.active-filter{color:#667eea;background:#667eea1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.suggestions-list{margin:0;padding:0;list-style:none}.suggestion-item{cursor:pointer;color:#2d3748;text-align:left;background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.suggestion-item:hover,.suggestion-item.highlighted{background:#f7fafc;border-left-color:#667eea}.suggestion-item.active{background:#667eea1a;border-left-color:#667eea;font-weight:600}.category-name{flex:1}.check-icon{color:#667eea;margin-left:8px;font-weight:700}.match-mark{color:inherit;background:#667eea2e;border-radius:4px;padding:0 2px}.no-suggestions{text-align:center;color:#a0aec0;padding:16px 12px;font-size:13px}.expense-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background-color:#f7fafc;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.alert{border-radius:8px;margin-bottom:16px;padding:14px 16px;font-size:14px;font-weight:500;animation:.3s ease-out slideUp}.alert-success{color:#166534;background-color:#f0fdf4;border-left:4px solid #22c55e}.alert-error{color:#991b1b;background-color:#fef2f2;border-left:4px solid #ef4444}.total-box{text-align:center;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:16px}.total-box strong{color:#667eea;font-size:18px;font-weight:700}.expense-list{flex-direction:column;gap:12px;list-style:none;display:flex}.expense-item{cursor:default;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s}.expense-item:hover{background:#f1f5f9;border-color:#cbd5e1}.expense-info{flex-direction:column;gap:8px;display:flex}.expense-header{justify-content:space-between;align-items:center;display:flex}.expense-category{color:#667eea;font-size:15px;font-weight:600}.expense-amount{color:#764ba2;font-size:16px;font-weight:700}.expense-description{color:#718096;font-size:13px}.expense-date{color:#a0aec0;font-size:12px}.summary-list{flex-direction:column;gap:12px;list-style:none;display:flex}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .3s;display:flex}.summary-item:hover{background:#f1f5f9;border-color:#cbd5e1}.summary-item-button{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.summary-item-button:hover .summary-category{text-decoration:underline}.summary-category{color:#2d3748;font-size:14px;font-weight:600}.summary-total{color:#764ba2;font-size:15px;font-weight:700}.modal-overlay{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:85vh;padding:18px;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.modal-title{color:#2d3748;margin:0;font-size:18px;font-weight:800}.modal-subtitle{color:#718096;margin-top:4px;margin-bottom:0;font-size:13px}.modal-close{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:18px}.modal-close:hover{color:#667eea;background:#f7fafc}.modal-expense-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.modal-expense-item{background:#fcfdff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.modal-expense-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-expense-amount{color:#667eea;font-weight:800}.modal-expense-date{color:#718096;font-size:13px}.modal-expense-desc{color:#4a5568;margin-top:6px;font-size:13px}.modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.loading,.no-data{text-align:center;color:#718096;padding:24px;font-size:14px}input[list]{position:relative}input[list]::-webkit-calendar-picker-indicator{display:none}datalist{display:none}datalist option{color:#2d3748;background:#fff;padding:8px 12px}@media (width<=768px){.auth-card{padding:24px}.auth-header h1{font-size:24px}.welcome-card{flex-direction:column;align-items:flex-start;gap:16px}.welcome-content h1{font-size:22px}.card-header{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.expense-controls{flex-direction:column}.sort-container{min-width:100%}.form-row{grid-template-columns:1fr}.expense-item{padding:12px}.expense-header{flex-direction:column;align-items:flex-start;gap:4px}}