.calendar-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:0;font-family:Inter,sans-serif}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.calendar-header h1{margin:0;font-weight:400}.month{color:#2e0e7b;font-weight:700;font-size:28px}.year{color:#333;font-size:28px;margin-left:10px}.calendar-navigation{display:flex;gap:10px}.nav-btn{background:none;border:none;cursor:pointer;color:#333;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-btn:hover{background-color:#f0f0f0}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:10px}.day-name{color:#666;font-size:14px;padding:10px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px}.day-cell{min-height:100px;border-radius:10px;padding:10px;position:relative}.day-number{font-size:14px;color:#333;margin-bottom:5px}.other-month .day-number{color:#aaa}.today{background-color:#f8f9fa}.highlighted .day-number{background-color:#9c27b0;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-5px}.day-events{display:flex;flex-direction:column;gap:5px}.event{padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-green{background-color:#c8f7d6;color:#0d5302}.event-red{background-color:#ffcdd2;color:#b71c1c}.event-blue{background-color:#bbdefb;color:#0d47a1}.event-purple{background-color:#e1bee7;color:#4a148c}.view-more{font-size:11px;text-align:right;margin-top:2px}.view-more a{color:#666;text-decoration:none}.view-more a:hover{text-decoration:underline}.event-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:10% auto;padding:20px;border-radius:10px;width:80%;max-width:500px;box-shadow:0 5px 15px #0000004d}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover{color:#000}#modalEvents{display:flex;flex-direction:column;gap:10px;margin-top:15px}