.vk-calendar-wrapper{font-family:sans-serif;margin:20px 0}
.vk-toggle{display:flex;gap:10px;margin-bottom:12px}
.vk-toggle-btn{background:#f1f1f1;border:1px solid #ccc;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:.2s}
.vk-toggle-btn.active{background:#333;color:#fff;border-color:#333}
.vk-legend{display:flex;gap:16px;align-items:center;margin-bottom:10px;font-size:14px}
.vk-legend span{width:16px;height:16px;border-radius:3px;display:inline-block;margin-right:4px}
.vk-legend .busy{background:#c62828}.vk-legend .free{background:#4caf50}
.vk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:1000px){.vk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.vk-grid{grid-template-columns:1fr}}
.vk-month{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px}
.vk-month h3{text-align:center;font-size:0.9em;margin-bottom:6px;font-weight:600}
.vk-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.vk-days .day,.vk-days .empty{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:12px}
.vk-days .day.free{background:#e8f5e9;color:#2e7d32}
.vk-days .day.busy{background:#c62828;color:#fff}
.vk-days .empty{background:#f5f5f5}