.calendar-container{font-family:Arial,sans-serif;color:#111;background-color:#fff;min-height:85vh;padding:20px;box-sizing:border-box;max-width:1200px;margin:0 auto}.calendar-wrapper{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.calendar-wrapper{flex-direction:row}}.calendar-panel{flex:1 1}.events-panel{flex:1 1;max-height:80vh;overflow-y:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;padding-top:30px;padding-bottom:30px}.calendar-header h1{font-size:24px;font-weight:700}.calendar-controls{display:flex;align-items:center;gap:10px}.calendar-controls button{padding:8px 14px;border:none;background:#6366f1;color:#fff;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s ease}.calendar-controls button:hover{background:#4f46e5}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;text-align:center}.day-name{font-weight:600;color:#555}.day-cell{border:1px solid #ddd;height:80px;position:relative;padding:4px;border-radius:8px;background-color:#f9f9f9;cursor:pointer}.day-cell.today{background-color:#e0f0ff;border-color:#39f}.day-cell.selected{background-color:#dcd6fa;border:2px solid #7b61ff}.dot-container{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%}.event-list{margin-top:20px}.event-item{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;background-color:#fff}.event-item .dot{margin-top:6px}.events-panel::-webkit-scrollbar{width:6px}.events-panel::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}