*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;color:#111827;background:#f3f4f6}body{margin:0}a{color:#2563eb}button{border:0;border-radius:8px;padding:.75rem 1rem;background:#111827;color:#fff;cursor:pointer}input{width:100%;padding:.7rem .8rem;margin-top:.4rem;border:1px solid #d1d5db;border-radius:8px}label{display:block;font-weight:600}.page{min-height:100vh;padding:2rem}.login-page{display:grid;place-items:center}.card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}.login-card{width:min(420px,100%);padding:2rem}.form{display:grid;gap:1rem;margin-top:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.muted{color:#6b7280;margin:.25rem 0 0}.error{color:#b91c1c;margin:0}.charts-flex{display:flex;flex-wrap:wrap;gap:1rem}.chart-card{flex:1 1 220px;min-width:220px;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 10px 30px #00000014}.chart-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chart-card-header h2{margin:0;font-size:1.1rem}.chart-frame{width:100%;height:280px}.chart-canvas{width:100%;height:100%}@media (max-width: 767px){.page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.charts-flex{flex-direction:column}.chart-card{width:100%;min-width:220px}}