.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#3B82F6 0%,#1F2937 100%)}.auth-box{background:white;padding:2rem;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.auth-box h1{font-size:2rem;margin-bottom:.5rem;text-align:center;color:#1f2937}.auth-box h2{font-size:1.3rem;margin-bottom:1.5rem;text-align:center;color:#374151}.auth-box form{display:flex;flex-direction:column;gap:1rem}.auth-box input{padding:.75rem;border:1px solid #D1D5DB;border-radius:5px;font-size:1rem;transition:border-color .2s}.auth-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.auth-box button[type=submit]{padding:.75rem;background:#3B82F6;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-box button[type=submit]:hover:not(:disabled){background:#2563EB}.auth-box button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.alert{padding:.75rem;border-radius:5px;margin-bottom:1rem}.toggle-auth{margin-top:1rem;text-align:center;color:#6b7280}.toggle-auth button{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-weight:600;margin-left:.5rem}.toggle-auth button:hover{color:#2563eb}.form-container{background:white;padding:2rem;border-radius:10px;box-shadow:0 1px 3px #0000001a}.form-container h2{margin-bottom:1.5rem;color:#1f2937}.invoice-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #D1D5DB;border-radius:5px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-name{margin-top:.5rem;font-size:.9rem;color:#059669}.btn-primary{padding:.75rem 1.5rem;background:#3B82F6;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.btn-primary:hover:not(:disabled){background:#2563EB}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:1rem;border-radius:5px;margin-bottom:1.5rem}.alert.error{background:#FEE2E2;color:#991b1b;border:1px solid #FCA5A5}.alert.success{background:#DCFCE7;color:#166534;border:1px solid #86EFAC}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.invoice-form{max-width:100%}}.table-container{background:white;padding:2rem;border-radius:10px;box-shadow:0 1px 3px #0000001a}.table-container h2{margin-bottom:1.5rem;color:#1f2937}.invoices-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.invoices-table thead{background:#F3F4F6}.invoices-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #E5E7EB}.invoices-table td{padding:1rem;border-bottom:1px solid #E5E7EB}.invoices-table tbody tr:hover{background:#F9FAFB}.amount{font-weight:600;color:#059669}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.description{color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-edit,.btn-view,.btn-delete,.btn-save,.btn-cancel{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.btn-edit{background:#DBEAFE;color:#1e40af}.btn-view{background:#E0E7FF;color:#3730a3;text-decoration:none;display:inline-block}.btn-delete{background:#FEE2E2;color:#991b1b}.btn-save{background:#DCFCE7;color:#166534}.btn-cancel{background:#F3F4F6;color:#374151}.btn-edit:hover,.btn-view:hover,.btn-delete:hover,.btn-save:hover,.btn-cancel:hover{opacity:.8}.invoices-table input,.invoices-table select,.invoices-table textarea{width:100%;padding:.4rem;border:1px solid #D1D5DB;border-radius:4px;font-size:.9rem}.empty-state{text-align:center;padding:2rem;color:#6b7280}.table-stats{padding-top:1rem;border-top:1px solid #E5E7EB;color:#6b7280;font-weight:600}.table-stats strong{color:#1f2937}@media (max-width: 768px){.invoices-table{font-size:.85rem}.invoices-table th,.invoices-table td{padding:.5rem}.actions{flex-direction:column}.btn-edit,.btn-view,.btn-delete,.btn-save,.btn-cancel{width:100%}}.charts-container{margin-bottom:2rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.chart-box{background:white;padding:1.5rem;border-radius:10px;box-shadow:0 1px 3px #0000001a}.chart-box h3{margin-bottom:1rem;color:#1f2937;font-size:1.1rem}.no-data{text-align:center;color:#9ca3af;padding:2rem}@media (max-width: 768px){.chart-grid{grid-template-columns:1fr}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:white;padding:1.5rem;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-icon{font-size:2.5rem}.summary-content{flex:1}.summary-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.summary-card h3{margin:.25rem 0 0;font-size:1.75rem;color:#1f2937}@media (max-width: 768px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{padding:1rem}.summary-icon{font-size:2rem}.summary-card h3{font-size:1.3rem}}.dashboard{min-height:100vh;background:#f3f4f6}.navbar{background:white;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.navbar-brand h1{font-size:1.8rem;color:#1f2937;margin:0}.user-info{font-size:.9rem;color:#6b7280;margin:0}.logout-btn{background:#EF4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:600;transition:background .2s}.logout-btn:hover{background:#DC2626}.container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab{padding:.75rem 1.5rem;background:white;border:2px solid #E5E7EB;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.tab:hover{border-color:#3b82f6;color:#3b82f6}.tab.active{background:#3B82F6;color:#fff;border-color:#3b82f6}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filters select{padding:.5rem;border:1px solid #D1D5DB;border-radius:5px;font-size:1rem;background:white;cursor:pointer}.filters select:focus{outline:none;border-color:#3b82f6}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem;text-align:center}.tabs{flex-direction:column}.tab{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f3f4f6}.app{width:100%;min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}