*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background-color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.login-container{display:flex;background-color:#f3f4f6;justify-content:center;align-items: center;min-height:100vh}.login-card{background-color:#fff;border-radius:.5rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-title{text-align:center;color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1rem}.input-field{outline:none;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s;font-size:1rem}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;width:100%;padding:.5rem 1rem;transition:background-color .2s;font-size:1rem;font-weight:500}.btn-primary:hover{background-color:#1d4ed8}.dashboard{background-color:#f3f4f6;min-height:100vh;padding:2rem}.dashboard-title{color:#1f2937;margin-bottom:2rem;font-size:1.875rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2rem}@media (width>=768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.stat-value{margin-top:.5rem;font-size:1.875rem;font-weight:700}.stat-value.blue{color:#2563eb}.stat-value.green{color:#16a34a}.stat-value.purple{color:#9333ea}.stat-value.yellow{color:#ca8a04}.stat-value.red{color:#dc2626}.chart-container{overflow:hidden;background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chart-title{color:#1f2937;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.chart-empty{color:#6b7280;text-align:center;padding:2rem 0}.chart-wrapper{position:relative;height:16rem}