*{box-sizing:border-box}body{margin:0;background:#f3f4f6;font-family:system-ui,sans-serif;color:#111827}header{background:#111827;color:#fff;padding:15px 20px;display:flex;gap:15px}header span{margin-left:auto}header a{color:#fff;margin-left:auto}main{max-width:1100px;margin:auto;padding:15px}.card{background:#fff;border-radius:15px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px #0001}input,select,textarea,button{font:inherit;width:100%;padding:10px;margin:5px 0;border-radius:9px;border:1px solid #d1d5db}button,.button{background:#111827;color:#fff;border:0;font-weight:700;text-decoration:none;display:inline-block;padding:10px;border-radius:9px}.green{background:#15803d!important}.red{background:#dc2626!important}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.metrics div{background:#f9fafb;padding:10px;border-radius:9px;font-size:12px}.metrics strong{display:block;font-size:18px}.filters{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left}.login{max-width:400px;margin:15vh auto}.err{background:#fee2e2;color:#991b1b;padding:9px}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr}}button:disabled{opacity:.4;cursor:not-allowed}