.cal-container{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;max-width:900px;margin:0 auto}.cal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-card)}.cal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;font-size:.75rem;color:var(--text-3);margin-bottom:.5rem;text-transform:uppercase}.cal-grid-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-cell{position:relative;aspect-ratio:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;flex-direction:column;justify-content:space-between;padding:.35rem;font-size:.85rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .2s}.cal-day-cell:hover{border-color:var(--accent);background:var(--accent-light)}.cal-day-cell.other-month{color:var(--text-subtle);background:var(--surface-2)}.cal-day-cell.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.cal-day-cell.today{border-color:var(--green);color:var(--green)}.cal-event-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin:0 auto}.cal-event-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);padding:.65rem .85rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;text-align:left}.cal-event-title{font-size:.85rem;font-weight:700;color:var(--text-1)}.cal-event-time{font-size:.7rem;color:var(--text-3);margin-top:.1rem}@media (max-width: 768px){.cal-container{grid-template-columns:1fr}}