:root{--primary:#6336a8;--accent:#f2a51a;--bg:#f5f6f8;--text:#27272a}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}header{height:72px;background:#fff;display:flex;align-items:center;gap:20px;padding:10px 5%;box-shadow:0 1px 8px #0001}header img{height:52px}main{max-width:1180px;margin:32px auto;padding:0 20px}.panel,.login-card,.cards article{background:#fff;border-radius:12px;padding:24px;box-shadow:0 3px 16px #0000000d;margin-bottom:22px}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:grid;gap:7px;font-weight:600}input{padding:11px;border:1px solid #d4d4d8;border-radius:7px}button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:12px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.link-button{background:transparent;color:var(--primary);padding:8px}.logout-form{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{display:grid;gap:8px}.cards strong{font-size:1.5rem;color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw)}.login-card .logo{display:block;max-width:220px;margin:0 auto 20px}.login-card form{display:grid}.alert,#message{color:#9f1239}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.panel{overflow-x:auto}}@media(max-width:480px){.cards{grid-template-columns:1fr}}