.header{background:#fff;padding:10px 20px;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;z-index:100}.header-wrapper{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.logo img{width:120px;height:auto}.calendar-icons{gap:15px}.calendar-icons,.icon-link{display:flex;align-items:center}.icon-link{gap:5px;color:#333;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:4px;transition:all .3s ease}.icon-link:hover{color:#e92227;background-color:#f8f8f8}.upload-button{background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:background-color .3s ease}.upload-button:hover{background-color:#5a6268}.mobile-menu-button{display:none;background:none;border:none;font-size:24px;color:#333;cursor:pointer;padding:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:25px 30px;border-radius:10px;width:90%;max-width:350px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:10px;position:relative;height:auto}.modal h4{margin-bottom:10px;font-size:18px;color:#333;text-align:center}.modal a{padding:12px 15px;background:#f8f9fa;text-decoration:none;color:#007bff;border-radius:4px;transition:all .3s ease;text-align:center;font-size:15px}.modal a:hover{background:#e2e6ea}.close-btn{margin-top:10px;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px;transition:background-color .3s ease}.close-btn:hover{background:#c82333}@media (max-width:768px){.modal{background:#fff;padding:25px 30px;border-radius:10px;width:90%;max-width:350px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:10px;position:relative;height:auto}.mobile-menu-button{display:block}.calendar-icons{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:15px 20px;box-shadow:0 5px 10px rgba(0,0,0,.1);gap:10px;transform:translateY(-150%);opacity:0;transition:all .3s ease;z-index:99}.calendar-icons.mobile-menu-open{transform:translateY(0);opacity:1}.icon-link{width:100%;padding:12px 15px}.upload-button{width:100%;justify-content:center;padding:12px}.upload-text{display:inline}}@media (max-width:480px){.header{padding:10px 15px}.logo img{width:100px}}.calendar-section{border-radius:8px;box-shadow:0 6px 6px 0 rgba(0,0,0,.16);background-color:#fff;margin:0 10px;text-align:center}.calendar-header{padding:10px 0;font-size:26px;font-weight:bolder;color:#000;display:grid;width:100%;grid-template-columns:max-content auto max-content;margin:0 0 25px}.title-month{font-weight:700;font-size:clamp(1rem,-.5625rem + 5vw,2.25rem)}.title-desc{color:#ff1000;font-size:clamp(.75rem,.2813rem + 1.5vw,1.125rem);padding:10px 0 0}.title-desc span:first-of-type{border-right:2px solid #ff1000}.title-desc span{padding:0 5px;display:inline-block}.row.calendar-header .column.left,.row.calendar-header .column.right{width:75px;height:55px}.left,.right{cursor:pointer}.col.right div{float:right}.col.left div,.col.right div{display:table-cell;vertical-align:middle;text-align:center;width:55px;height:55px;border-radius:50%;background-color:#8a8a8a}.col.right div img{margin-top:13px}img{max-width:100%;width:auto\9;height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}.content-wrapper{background:transparent;box-shadow:none;overflow-x:hidden;border-radius:8px;box-shadow:0 6px 6px 0 rgba(0,0,0,.16);background-color:#fff;padding:10px;text-align:center;max-width:1200px;margin:0 auto}.month-popup{padding:10px;background:#fff;background-color:#dd8d37;white-space:nowrap;overflow-x:auto}.month-popup div{display:inline-block}.month-popup div a{color:#fff;padding:0 10px;font-weight:700;font-size:clamp(.5rem,.0313rem + 1.5vw,.875rem);border-right:2px solid #b6dcf9}.month_common.active,thead{color:#fff}thead{background-color:#929292}.week-day{font-weight:700;text-transform:uppercase;font-size:clamp(.5rem,.0313rem + 1.5vw,.875rem)!important}.day,.empty-slot,.week-day{text-align:center;height:40px;font-weight:400;font-size:.8em;font-size:18px}.calendar-container{width:100%;overflow-x:auto;white-space:nowrap}.calendar,.table-week{width:100%}.calendar{background-color:#fff;border-spacing:10px;border-collapse:separate;margin-top:0}.calendar,.calendar-container,.calendar-header,td,tr{padding:0;margin:0}.day{text-align:left;padding:0 10px;font-size:.8em;cursor:pointer;height:90px;border:1px solid #ccd0d6;position:relative;display:flex;flex-direction:column;justify-content:flex-end}@media only screen and (max-width:550px){.day{padding:0 3px;height:40px!important}}@media only screen and (max-width:767px){.day{padding:0 3px;height:70px}.special-event-img img{width:15px!important}.special-event-img{position:absolute}.week-day{padding:5px 2px;font-size:9px;font-weight:400}.tamil_month{font-size:6px!important}}.tamil_month{display:block;color:rgba(0,0,0,.51);font-size:11px}.top-position{position:absolute;top:5px;font-family:Noto Sans Tamil}.date-grid{display:flex;align-items:baseline;justify-content:space-between}.tamil_date{color:#f22a1d;font-weight:500;font-size:clamp(.5rem,-.75rem + 4vw,1.5rem)}.special-event-img{height:30px}.special-event-img img{width:30px;margin:0 4px}.date-grid span:last-child{justify-self:end}.english_date{color:#1f2021;font-weight:bolder;font-size:clamp(1rem,-1.0313rem + 6.5vw,2.625rem)}.highlight-today{background-color:#ffeb3b;border:2px solid #ff9800;font-weight:700}.current-week .day-cell{background-color:#f0f8ff}.current-month{color:#007bff;font-weight:700}.day-cell.highlight-today{background-color:#ffeb3b}.sunday{color:red}.special-day-icon{width:20px;height:20px;margin-left:5px}body,html{margin:0;padding:0}#root,.app-container,body,html{display:flex;flex-direction:column}#root,.app-container{min-height:100vh}.main-content{flex:1 1}.below{background-color:#f8f9fa;width:100%;margin-top:auto;padding:20px 0}