body{font-family:sans-serif;margin:0;background:#f4f6f8}header{background:#0f4c81;color:#fff;padding:10px}.top{padding:10px;display:flex;gap:8px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:3fr 1fr;gap:12px;padding:10px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ccc;padding:6px;text-align:center}td.free{background:#c8f7c5}td.busy{background:#9fd3ff}.card{background:#fff;padding:10px;margin-bottom:10px}#kpi{display:flex;gap:10px;padding:10px}.k{background:#fff;padding:8px;min-width:120px}@media(max-width:900px){.layout{grid-template-columns:1fr}}