*{margin:0;padding:0;box-sizing:border-box}.calendar-container{max-width:1300px;margin:0 auto;padding:2rem 1rem;font-family:"montserrat",sans-serif;color:#334155}a#view-full-calendar svg{max-width:40px}.calendar-header{display:flex;justify-content:space-between;max-width:1000px;align-items:center;margin:2rem auto;flex-wrap:wrap;gap:1rem}.current-month{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.date-picker-container{position:relative}#date-picker{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all 0.3s ease;color:#1e293b}#date-picker:hover{border-color:#0ea5e9;box-shadow:0 4px 12px rgb(14 165 233 / .15)}.calendar-icon{width:18px;height:18px;fill:#0ea5e9}.mini-calendar{position:absolute;top:100%;left:-100%;right:0%;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04);padding:1.5rem;min-width:350px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}.mini-calendar.show{opacity:1;visibility:visible;transform:translateY(0)}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mini-calendar-header button:hover,.mini-calendar-header button:focus{background:none}.mini-calendar-header svg{stroke:#a7a7a7;font-size:20px;width:50px;height:50px;stroke-width:1.5px}.mini-calendar-month{font-weight:600;color:#1e293b}.nav-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color 0.2s}.nav-btn:hover{background:#f1f5f9}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:600;color:#64748b;padding:.5rem 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.375rem;font-size:.875rem;transition:all 0.2s;position:relative}.calendar-day:hover{background:#e0f2fe}.calendar-day.today{background:#0ea5e9;color:#fff;font-weight:600}.calendar-day.selected{background:#1e40af;color:#fff}.calendar-day.other-month{color:#cbd5e1}.week-slider-container{position:relative;margin:2rem 0}.week-slider .slick-slide{padding:0 10px}.week-slider .slick-track{display:flex;align-items:center}.mobile-slider-container{position:relative;margin:2rem 0;display:none}.mobile-slider .slick-slide{padding:0 10px}.mobile-slider .slick-track{display:flex;align-items:center}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:50px;height:50px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.slick-prev:hover,.slick-next:hover{border-color:#0ea5e9;box-shadow:0 8px 25px rgb(14 165 233 / .25)}.slick-prev{left:-25px}.slick-next{right:-25px}.slick-prev:before,.slick-next:before{content:"";display:none}.slick-arrow svg{width:20px;height:20px;stroke:#fff;stroke-width:2;background:#0ea5e9;border-radius:3px}.weekly-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.day-column{background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 14px rgb(0 0 0 / 23%);border-radius:8px;overflow:hidden}.day-column.today .day-number,.day-column.selected .day-number{color:#0096b7}.day-column.today,.day-column.selected{background:#d7f8ff;border-top:4px solid #0096b7}.day-header{padding:1rem;text-align:center;padding-bottom:0}.day-name{font-size:1.25rem;font-weight:500;color:#777;text-transform:uppercase;letter-spacing:.05em;text-align:left}.day-number{font-size:2.5rem;font-weight:700;color:#000;text-align:left;margin-top:1rem}.day-content{padding:.75rem;flex-grow:1;min-height:150px;padding-top:0;text-align:left}.mobile-day-column{background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 14px rgb(0 0 0 / 23%);border-radius:8px;overflow:hidden;width:100%;max-width:350px;margin:0 auto}.mobile-day-column.today .day-number,.mobile-day-column.selected .day-number{color:#0096b7}.mobile-day-column.today,.mobile-day-column.selected{background:#d7f8ff;border-top:4px solid #0096b7}.event-item{color:#000;padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.5rem;font-size:.875rem;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.event-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.event-item:hover::before{left:100%}.event-item.event-hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(14 165 233 / .3)}.event-time{font-weight:600;margin-bottom:.25rem;font-size:14px}.event-title{font-size:.8rem;opacity:.95;line-height:1.2}.event-madrasah{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.event-fitness{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.event-reminder{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.no-events{color:#94a3b8;font-size:.875rem;text-align:center;padding:1rem 0}.view-toggle{text-align:center;margin:2rem 0}#view-full-calendar{display:inline-flex;align-items:center;gap:.5rem;padding:5px 5px;background:#fff;border:2px solid #e2e8f0;border-radius:2rem;cursor:pointer;font-size:1rem;color:#0ea5e9;text-decoration:none;transition:all 0.3s ease;width:30%}#view-full-calendar:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 8px 25px rgb(14 165 233 / .25)}.monthly-view{display:none;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e2e8f0;border-radius:.5rem;overflow:hidden}.month-day{background:#fff;padding:1rem;min-height:120px;display:flex;flex-direction:column}.month-day-number{font-weight:600;color:#1e293b;margin-bottom:.5rem}.month-day.today .month-day-number{color:#0ea5e9}.month-event{background:#0ea5e9;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;margin-bottom:.25rem;cursor:pointer}.month-day.empty{background:#f8fafc}.hidden{display:none!important}.calendar-container{max-width:1200px;margin:0 auto;padding:20px}.day-column{height:600px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;margin:0 5px}.mobile-day-column{height:500px;overflow-y:scroll;border:1px solid #ddd;border-radius:8px}.mobile-day-column::-webkit-scrollbar{width:10px}.mobile-day-column::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.mobile-day-column::-webkit-scrollbar-thumb{background-color:#0ea5e9;border-radius:8px;border:2px solid #f1f1f1}.mobile-day-column{scrollbar-width:thin;scrollbar-color:#0ea5e9 #f1f1f1}.day-content{padding:10px}.event-item{background:#f0f8ff;border-left:4px solid #007cba;padding:8px;margin-bottom:8px;border-radius:4px;font-size:12px}.event-item:hover{background:#e6f3ff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.day-header{background:#f5f5f5;padding:10px;text-align:center;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.event-location{font-weight:100;font-size:9px;display:none}.weekly-calendar{display:flex;gap:0}.weekly-calendar .day-column{flex:1}.slick-prev:hover,.slick-next:hover{background:#005a8a}.event-Girls,.event-Sisters,.event-Ladies{background-color:#EFD7E7;border-left:4px solid #a84e8a}.highlight{background:#f9a033!important}.mob-table .dptScNextPrayer{background:#2e2e2e!important;padding-top:10px;display:block}@media (max-width:768px){.week-slider-container{display:none}.mobile-slider-container{display:block}.mobile-day-column{width:100%;margin:0 10px}}@media (min-width:769px){.week-slider-container{display:block}.mobile-slider-container{display:none}}@media (max-width:1024px){.calendar-container{padding:1.5rem}.day-content{min-height:120px}.slick-prev{left:-20px}.slick-next{right:-20px}}@media (max-width:768px){.week-slider-container{display:none}.month-grid{grid-template-columns:repeat(2,1fr)}.month-day.empty{display:none}#view-full-calendar{width:100%;font-size:14px;text-align:center}.mobile-slider-container{display:block}.slick-prev{left:-15px}.slick-next{right:-15px}.slick-prev,.slick-next{width:40px;height:40px}.day-name{font-size:1.2rem}.day-number{font-size:2rem}.mobile-day-column .day-content{min-height:200px}}@media (max-width:480px){.calendar-header{align-items:center}.current-month{font-size:1.5rem}.slick-prev,.slick-next{width:35px;height:35px}.slick-prev{left:-10px}.slick-next{right:-10px}.day-name{font-size:1rem}.day-number{font-size:1.8rem}.mobile-day-column .day-content{min-height:180px}}