.hamburger-menu-container{display:flex;align-items:center;background-color:transparent;z-index:1050;font-size:initial}.hamburger-button{background:transparent;border:none;padding:5px 8px;font-size:inherit;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.1}.hamburger-button:hover,.hamburger-button:focus,.hamburger-button.active{background:transparent!important;outline:none!important;border:none!important;color:#333}.hamburger-button .burger{font-size:24px;display:block}.hamburger-button .menu-text{font-size:10px;display:block;margin-top:5px}.menu{position:fixed;left:0;top:0;height:100vh;width:clamp(195px,250px,35vw);background-color:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:1120;overflow-y:auto;border-right:1px solid #ccc;text-align:center}.menu a{display:block;padding:12px 15px;text-decoration:none;color:#333;white-space:nowrap;border:none;transition:background-color .2s ease}.menu a:hover{background-color:#f0f0f0;color:#333}.menu.menu-active{transform:translate(0)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1010;display:none}.another-section{margin-top:30px;padding-top:15px;border-top:1px solid #eee}.section-label,.logged-in-info{font-size:.85em;color:#777;margin-bottom:8px;padding:0 10px;text-align:center}.logged-in-info{text-align:center;margin-top:20px;padding-bottom:10px}@media (max-width: 768px){.hamburger-menu-container{position:relative;width:100%;padding:0;display:flex;justify-content:flex-start;min-height:55px;align-items:center;z-index:1050}.hamburger-menu-container .hamburger-button{padding:0 15px;flex-direction:row;align-items:center}.hamburger-menu-container .hamburger-button .burger{font-size:22px;margin-right:6px}.hamburger-menu-container .hamburger-button .menu-text{font-size:14px}.menu{width:clamp(250px,63vw,320px)}}@media (prefers-color-scheme: dark){.hamburger-button{color:#e0e0e0}.hamburger-button:hover,.hamburger-button:focus,.hamburger-button.active{color:#e8c1c9}@media (max-width: 768px){.hamburger-menu-container{background-color:#282c2c;border-bottom:1px solid #333}.hamburger-menu-container .hamburger-button{color:#e0e0e0}.hamburger-menu-container .hamburger-button:hover,.hamburger-menu-container .hamburger-button:focus,.hamburger-menu-container .hamburger-button.active{color:#bbb}}.menu{background-color:#282c2c;border-right:1px solid #444}.menu a{color:#e0e0e0}.menu a:hover{background-color:#383c3c;color:#e8c1c9}.another-section{border-top:1px solid #444}.section-label,.logged-in-info{color:#aaa}}body,html{font-family:source-sans-pro,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}.home-page{padding-top:70px}.menu-container{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.top-bar-home{display:grid;align-items:center;justify-content:flex-start;box-sizing:border-box;background-color:#900;color:#fff;width:100%;position:fixed;top:0;left:0;z-index:100;height:70px;grid-template-columns:1fr auto 1fr;padding:0 15px}.top-bar-home>*:first-child{grid-column:1 / 2;justify-self:start}.top-bar-home h1{grid-column:2 / 3;font-size:24px;font-weight:600;margin:0;flex-grow:1;text-align:center}.home-container{position:relative;width:100%;height:calc(100vh - 70px);display:flex;align-items:center}.background-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1}.island{position:absolute;top:50%;left:10%;transform:translateY(-50%);background-color:#ffffffa6;color:#333;padding:30px;border-radius:10px;text-align:left;z-index:1;width:35%;max-width:500px;min-width:300px;box-shadow:0 4px 12px #00000026}.island-title{font-size:28px;margin:0 0 15px;color:#333;font-weight:700}.island-description{font-size:18px;color:#3c413e;margin:0;font-weight:500;line-height:1.6}.bottom-bar{background-color:#2e4034;color:#fff;padding:40px 20px;text-align:center}.bottom-bar-content h2{font-size:26px;margin:0 0 25px;font-weight:600}.bottom-bar-content button{background-color:#fff;color:#444;padding:12px 25px;margin:10px;border:1px solid #ccc;cursor:pointer;font-size:17px;font-weight:500;border-radius:5px;transition:background-color .2s ease,color .2s ease}.bottom-bar-content button:hover{background-color:#f0f0f0}@media (max-width: 768px){.top-bar-home h1{font-size:20px}.home-container{position:static;height:auto;display:block}.background-image{position:static;height:55vh;width:100%;z-index:auto}.island{position:static;transform:none;width:auto;margin:20px;padding:25px;text-align:center;background-color:#fff;box-shadow:none}.island-title{font-size:24px}.island-description{font-size:16px}.bottom-bar-content button{display:block;width:80%;max-width:280px;margin:15px auto}.top-bar-home{padding:0}}@media (prefers-color-scheme: dark){.top-bar-home{background-color:#282828cc}.top-bar-home h1{color:#f5f5f5}.island{background-color:#1e1e1ebf;box-shadow:none}.island .island-title{color:#e8c1c9}.island .island-description{color:#e0e0e0}.bottom-bar{background-color:#222}.bottom-bar-content button{background-color:#555;color:#f0f0f0;border-color:#777}.bottom-bar-content button:hover{background-color:#666;border-color:#888}@media (max-width: 768px){.island{background-color:#252525}}}.page-two-container{text-align:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;width:100vw}body,html{margin:0;padding:0;width:100%}.main-title{font-size:40px;color:#333;margin-bottom:30px}.columns-container{display:flex;justify-content:space-between}.activity-column{flex:1;padding:0 10px;border-right:1px solid gray;width:calc(33.333% - 20px);margin:10px}.activity-column:last-child{border-right:none}.activity-image{width:100%;height:auto;max-height:600px;object-fit:cover;margin-bottom:20px}.activity-title{font-size:25px;font-weight:700;border-bottom:3px solid #333333;display:inline-block;margin-bottom:20px}.activity-subtitle{font-size:20px;font-style:italic;font-weight:400;display:inline-flex;margin-bottom:20px;min-height:60px}.activity-list{list-style:none;text-align:center;padding:0}.activity-list li{font-size:16px;line-height:1.6;margin-bottom:5px}@media (max-width: 768px){.columns-container{flex-direction:column;align-items:center}.activity-column{width:100%;margin-bottom:20px}.activity-subtitle{margin:0 10px}}@media (prefers-color-scheme: dark){.activity-column,.activity-subtitle,.activity-title{color:#fff}.page-two-container{background-color:#242424}}.big-warning{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:3.2em;line-height:1.1;color:#000;text-align:center;margin:0}.gentle-warning{text-align:center;font-size:3.2em;line-height:1.1;margin-left:100px;color:#643232}.page-three-container{text-align:center;background-color:#fff;margin-top:70px}.main-title{font-size:50px;margin-bottom:30px}.membership-image{max-width:100%;height:auto}.memberships-container{display:flex;justify-content:space-around}.membership-column{width:30%}.membership-title{font-size:25px;margin-bottom:15px}.membership-list{list-style:none;text-align:center;padding:0}.membership-additional-list{list-style:none;padding:0}.membership-list li{font-size:16px;line-height:1.6;margin-bottom:5px}.membership-additional-list li{font-weight:700;line-height:1.6;margin-bottom:5px}@media (max-width: 768px){.page-three-container{margin-top:70px}.memberships-container{flex-direction:column;align-items:center}.membership-column{width:100%;margin-bottom:20px}}@media (prefers-color-scheme: dark){.page-three-container{color:#000}}@media (min-width: 769px) and (prefers-color-scheme: dark){.page-three-container{color:#000}.membership-image{margin-top:90px}}.home-about{margin-top:70px}.page-container{position:relative;display:flex;flex-direction:column;color:#002900;width:100vw;min-height:100vh;overflow:hidden}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/pg1bg-Rn3yzBbd.png);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;z-index:-1}@media (max-width: 767px){.page-container{background-attachment:scroll;background-image:url(/assets/pg1bg-Rn3yzBbd.png);background-size:auto;background-position:bottom center;background-repeat:no-repeat;max-height:unset}}@media (min-width:1250px){.page-container{background-attachment:scroll;background-image:url(/assets/pg1bg-Rn3yzBbd.png);background-size:auto;background-position:bottom center;background-repeat:no-repeat;max-height:unset}}.club-name{font-size:54px;font-weight:700;color:#333}.tagline{font-size:25px;font-style:italic;margin-bottom:30px}.section-title{font-size:35px;font-weight:700;margin:20px 0 10px;background-color:transparent;text-align:left}.list{list-style:none;padding-left:0}.list li{font-size:16px;line-height:1.6;margin-bottom:5px}.text-container{padding-left:clamp(1px,20vw,300px)}.highlighted-letter{color:#333;font-weight:700}@media (prefers-color-scheme: dark){.text-container{margin-top:80px}}.text-container{margin-top:0}html,body{margin:0;padding:0;width:100%;height:100%}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:2vh;margin-top:55px}.title{margin-top:5vh;font-size:24px;text-align:center}.calendar{margin-bottom:10vh}.container .table{border-collapse:collapse;margin:0 auto;margin-bottom:8vh}.table th,.table td{border:1px solid #ccc;padding:8px;text-align:left}.table th{background-color:#f4f4f4}.search-bar{padding:8px;border:1px solid #ccc;width:50%;margin:20px auto;box-shadow:0 2px 5px #0000001a}.react-calendar .highlight{color:#fff;opacity:.8;background-color:var(--event-color, #fff)}.details-cell{cursor:pointer;text-decoration:underline}.side-panel{position:fixed;display:flex;flex-direction:column;top:2vh;border:solid black;background-color:#fff;box-shadow:-2px 0 8px #0000001a;padding:20px;box-sizing:border-box;z-index:1121;overflow-y:auto;transition:width .3s}.card-title{margin-top:5vh;font-size:34px;text-align:left;font-weight:700}.card-datg{display:flex;align-items:center;font-size:0;gap:0}.card-date,.card-date-span{font-size:15px;white-space:nowrap;margin:0;padding:0;border:none;background-color:transparent;outline:none;color:#000;font-weight:lighter}.card-date-span{display:inline;margin:0 5px}span{white-space:nowrap}.card-edit{bottom:20px}.card-part,.desc-lead,.note-lead{margin-top:2vh;font-weight:700}.card-join{margin-top:2vh}.card-ccol{margin-top:2vh;margin-bottom:1vh}.edit-n-close{display:flex;position:static;bottom:20px;justify-content:space-between;width:100%;margin-top:2vh;left:0}.card-close{left:auto;right:20px}[contentEditable=true]{border:1px solid #ccc;background-color:#f9f9f9;padding:5px;border-radius:4px}.hex-color-picker{min-height:200px;width:100%}.color-picker-container{display:flex;align-items:center;width:100%;flex-direction:column}.card-edit,.card-delete,.card-close{flex:0 0 30%;text-align:center}.edit-n-close>*:not(:nth-child(2)){flex:0 0 30%}.edit-n-close>*:nth-child(2):empty{flex:0 0 30%;visibility:hidden}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1001}@media (width >= 750px){.container{margin-top:8vh}}.textarea-plain{border:none;outline:none;background-color:transparent;width:100%;height:auto;resize:none;font-size:inherit;color:inherit;overflow:hidden}.table.upcoming-events{width:100%;max-width:750px;margin:0 auto;table-layout:fixed}.table.upcoming-events th,.table.upcoming-events td{padding:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 750px){.card-datg{align-items:flex-start}.edit-n-close{margin-bottom:14vh}.table.upcoming-events{width:80%;max-width:100%}.venue-column,.venue-cell{display:none}}@media (prefers-color-scheme: dark){.button{background-color:#313132}.react-calendar{background-color:#333;color:#fff}.react-calendar__tile{background-color:#444;color:#fff}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#555}.react-calendar__navigation button{color:#fff}.side-panel{background-color:#292727}.table.upcoming-events th{background-color:#333;color:#fff}.card-title,.card-datg,.card-date-span,.card-date{color:#fff}[contentEditable=true]{background-color:unset}}.no-scroll{overflow:hidden}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:none}.backdrop-active{display:block}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;justify-content:center}.event-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000001a}.event-card:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.event-image{height:200px;width:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.event-image[style*=background-color]{color:#fff;font-size:18px;font-weight:700;text-align:center;line-height:200px}.event-info{padding:15px;text-align:center}.event-title{font-size:20px;font-weight:700;margin-bottom:5px}.event-meta{font-size:14px;color:#777;margin-bottom:8px}.event-type{font-weight:700}.event-venue{font-size:16px;color:#444;margin-bottom:10px}.event-venue a{color:#007bff;text-decoration:none;font-weight:700}.event-venue a:hover{text-decoration:underline}.event-description{font-size:14px;color:#666;line-height:1.5}.event-details{font-size:14px;color:#666}.home .hamburger-menu-container{z-index:unset}@media (prefers-color-scheme: dark){.modal{background-color:#000}}.event-modal{max-width:100%;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden;z-index:1001}.modal-header{padding:20px;text-align:center;position:relative}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.progress-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px}.progress-step{text-align:center;border-bottom:4px solid blue;transition:all .3s ease-in-out}.progress-step.active{border-color:#000;font-weight:700}.modal-body{padding:20px}.step-content label{display:block;margin-bottom:15px;font-size:.9rem}.step-content label input,.step-content label select,.step-content label textarea{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:5px;font-size:.9rem}textarea{height:100px;resize:none}.modal-footer{display:flex;justify-content:space-between;padding:15px 20px;background:#fff;gap:10px;justify-content:center;border-top:1px solid #e0e0e0}.modal-footer button{padding:10px 20px;font-size:.9rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.modal-footer button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.modal-footer button:not(:disabled){background:#457ad6;color:#fff}.modal-footer button:not(:disabled):hover{background:#365ea7}input:focus,select:focus,textarea:focus{outline:none;border:1px solid #457ad6;box-shadow:0 0 5px #457ad680}.step-content{transition:translateY(0);transition:transform .4s ease-in-out}.step-content.active{transform:translateY(0)}input[type=text][placeholder="Search for users..."]{background:url(search-icon.svg) no-repeat left 10px center}.close-button-modal{padding:5px 10px;font-size:.9rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;position:absolute;top:10px;right:10px;background:none;color:#fff}.button-red{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.button-red:hover{background-color:#d32f2f}.button-blue{background-color:#457ad6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.button-blue:hover{background-color:#365ea7}.disabled-button{background-color:#e0e0e0;color:#999;cursor:not-allowed}button:disabled{background-color:#e0e0e0;color:#999}.color-picker-section{margin-top:20px;position:relative}.color-picker-container{display:flex;align-items:center;margin-top:10px}.color-preview{width:30px;height:30px;border-radius:5px;border:1px solid #ccc;margin-right:10px}.pick-color-button{padding:5px 10px;font-size:.9rem;color:#fff;background-color:#457ad6;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pick-color-button:hover{background-color:#365ea7}.color-picker-popover{position:absolute;top:-150%;left:0;background:#fff;border:1px solid #ccc;border-radius:10px;padding:15px;box-shadow:0 4px 15px #0000001a;z-index:1100;width:max-content}.color-picker-buttons{display:flex;justify-content:space-between;margin-top:10px}.close-button,.done-button{padding:5px 10px;font-size:.9rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.close-button{background-color:#f44336;color:#fff}.close-button:hover{background-color:#d32f2f}.done-button{background-color:#4caf50;color:#fff;margin-left:10px}.done-button:hover{background-color:#388e3c}@media screen and (max-width: 768px){.event-modal{width:90%}.modal-header h2{font-size:1.2rem}.modal-footer button{font-size:.8rem}}.title-modal{display:block;font-size:1.17em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}@media (prefers-color-scheme: dark){.event-modal{background:#000}.modal-footer{background:#dcdcdc}.progress-step.active{border-color:#fff}.progress-step{border-color:gray}.progress-step{flex:none;max-width:100%}.progress-bar{gap:5px;flex-direction:column}}.declaration{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:3.2em;line-height:1.1;color:#000;text-align:center;margin:0}.login-container{width:300px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}h2{text-align:center}.input-group{width:100%;margin-bottom:15px}.input-group label{display:block;margin-bottom:5px}.input-group input{padding:8px;width:93%}.login-button,.register-button,.google-login-button{width:100%;padding:10px;margin-top:10px;border:none;border-radius:5px;cursor:pointer}.login-button{background-color:#4caf50;color:#fff}.register-button{background-color:#008cba;color:#fff}.google-login{margin-top:15px}.google-login-button{background-color:#db4437;color:#fff}.forgot-password{margin-top:10px}.forgot-password a{color:#00f;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.centerer{margin-top:30px}@media (min-width: 769px){.centerer{min-height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0}}@media (prefers-color-scheme: dark){.forgot-password a{color:#e0e0e0}}.settings-container{width:300px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.update-button{margin-bottom:2vh}.centerer{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding-bottom:10vh}@media (min-width: 769px){.centerer{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center}}.register-container{max-width:500px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:10px}.register-container h2{font-size:1.8rem;color:#333;text-align:center;margin-bottom:1.5rem}.register-container .error{color:#d9534f;text-align:center;margin-bottom:1rem;font-weight:700}.register-container .form-group{margin-bottom:1.5rem}.register-container label{display:block;font-weight:600;margin-bottom:.5rem;color:#555}.register-container input[type=text],.register-container input[type=email],.register-container input[type=password],.register-container select{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.register-container input:focus,.register-container select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.register-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"%3E%3C/path%3E%3C/svg%3E') no-repeat right .75rem center;background-size:1rem}.register-container button[type=submit]{width:100%;padding:.75rem;font-size:1.2rem;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.register-container button[type=submit]:hover{background-color:#0056b3}.register-container button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.register-container input[type=email][disabled]{background-color:#f9f9f9;cursor:not-allowed}@media (max-width: 600px){.register-container{padding:1.5rem}.register-container h2{font-size:1.5rem}.register-container button[type=submit]{font-size:1rem}}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-top:20vh}form{display:flex;flex-direction:column;align-items:center;width:100%}.input-group-res{width:70vw;max-width:500px;margin-bottom:15px}.input-group-res label{display:block;margin-bottom:5px}.input-group-res input{width:100%;padding:10px;box-sizing:border-box}.submit-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease;max-width:200px}.submit-button:hover{background-color:#0056b3}.main{margin-top:70px}.gallery{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:0 40px;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#faf5f0,#f5e6d3)}.gallery-page-header{background-color:#f8f9fa;background-image:linear-gradient(#ffffff4d,#ffffff4d),url(/assets/clubwood-aWmP9AuC.png);background-size:cover;background-position:center;padding:2rem 3rem;border-bottom:1px solid #dee2e6}.header-main-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:20px}.gallery-title{font-family:Georgia,Times New Roman,serif;font-size:2.5rem;color:#212529;margin:0}.header-actions{display:flex;gap:1.5rem}.header-action-link{background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;padding:0;transition:color .2s ease}.header-action-link:hover{color:#0056b3}.header-actions .button-danger,.header-actions .button-secondary{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer}.header-actions .button-secondary{background-color:#6c757d;color:#fff;border:1px solid #6c757d}.controls-row{display:flex;gap:1.5rem;align-items:center}.search-bar{flex-grow:1;max-width:400px;border:1px solid #ccc;border-radius:8px;background-color:#fff;transition:all .2s ease;display:flex}.filter-bar{display:flex;align-items:center;gap:.5rem}.filter-bar span{font-size:.9rem;color:#000}.search-bar input,.filter-bar select{border:1px solid #ced4da;border-radius:6px;padding:.6rem .8rem;font-size:1rem;background-color:#fff}.gallery-header{display:flex;flex-direction:column;align-items:center;padding:40px 0;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.gallery-title{margin:0 0 15px;padding:0;text-align:center}.header-actions{display:flex;gap:10px}.header-actions button{border:1px solid #ccc;padding:8px 16px;cursor:pointer;border-radius:8px;background-color:#f9f9f9;font-weight:500;transition:all .2s ease}.header-actions button:hover{background-color:#f0f0f0;border-color:#aaa}.header-actions button:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed;border-color:#ddd}.header-actions .button-danger{background-color:#fbebee;border-color:#f44336;color:#f44336}.header-actions .button-danger:hover{background-color:#f44336;color:#fff}.controls-container{display:flex;justify-content:center;gap:20px;padding:0 40px;max-width:800px;flex-wrap:wrap}.search-bar input{padding:10px 15px;width:100%;border:none;background-color:transparent;outline:none;font-size:16px}.search-bar:focus-within{border-color:#457ad6;box-shadow:0 0 0 3px #457ad633}.filter-bar select{width:250px;padding:10px 15px;font-size:16px;border-radius:8px;border:1px solid #ccc;background-color:#fff}.filter-bar select:focus{border-color:#457ad6;box-shadow:0 0 0 3px #457ad633}@media (prefers-color-scheme: dark){.gallery-header{border-bottom-color:#444}.header-actions button{background-color:#313132;color:#f0f0f0;border-color:#555}.header-actions button:hover{background-color:#414142;border-color:#777}.header-actions button:disabled{background-color:#2a2a2a;color:#666;border-color:#444}.header-actions .button-danger{background-color:#442c2e;border-color:#e57373;color:#e57373}.header-actions .button-danger:hover{background-color:#f44336;color:#fff}.search-bar,.filter-bar select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}.search-bar:focus-within,.filter-bar select:focus{border-color:#5899f1;box-shadow:0 0 0 3px #5899f140}}.gallery-title{flex-grow:1;text-align:center;grid-column:2 / 3}.button-group{display:flex;gap:10px;z-index:500;grid-column:3 / 4;margin-left:40px}.home .menu{z-index:1122}.button-group button{border:1px solid #ccc;padding:8px 12px;cursor:pointer;transition:background-color .3s ease}.button-group button:hover{background-color:#457ad6}.gallery.empty{display:unset}.image img{max-height:400px;width:auto;height:auto}.gallery-no-images{display:flex;justify-content:center;align-items:center;height:200px;font-size:20px;color:#666}.image img{cursor:pointer;transition:transform .2s}.image img:hover{transform:scale(1.05)}.edit-mode img:hover{transform:none}.image{position:relative}.select-overlay{position:absolute;top:10px;left:10px;width:30px;height:30px;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:green}@media (max-width: 800px){.gallery-title{margin-bottom:10px;text-align:center;font-size:40px}.gallery{padding:0;align-items:center;flex-direction:column;display:flex}.image img{width:95%;height:auto;max-height:100%}.top-bar{flex-direction:column;align-items:center;margin-left:0;display:flex;justify-content:center;grid-template-columns:none}.button-group{width:100%;display:flex;justify-content:center;gap:10px;margin-left:0}.header-actions button{border:1px solid black;background-color:transparent}}@media (prefers-color-scheme: dark){.gallery-page-header{background-color:#2c2c2e;border-bottom-color:#444}.gallery-title{color:#f5f5f5}.header-action-link{color:#58a6ff}.header-action-link:hover{color:#80bfff}.filter-bar span{color:#a0a0a0}.search-bar input,.filter-bar select{background-color:#3a3a3c;border-color:#555;color:#f5f5f5}.button-group button{background-color:#313132;color:#f0f0f0;border:none}.button-group button:hover{background-color:#313132;color:#fff}}.search-bar{display:flex;align-items:center;justify-content:flex-start;background-color:#f0f0f0;border-radius:25px;padding:10px 20px;width:300px;box-shadow:0 4px 6px #0000001a}.search-bar input{border:none;background-color:transparent;width:100%;outline:none;font-size:16px;padding:0;margin-left:10px}.search-bar input::placeholder{color:#888}.search-icon{color:#888;font-size:18px}.date-group{width:100%;margin-bottom:2rem}.date-marker{font-size:1.3rem;font-weight:700;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem;text-align:left;color:#333}.image-row{display:flex;flex-wrap:wrap;gap:1rem}.filter-bar select{padding:10px 15px;font-size:16px;border-radius:8px;border:2px solid #ccc;background-color:#f9f9f9;cursor:pointer;transition:all .3s ease;outline:none}.filter-bar select:hover{border-color:#888;background-color:#fff}.filter-bar select:focus{border-color:#6a5acd;box-shadow:0 0 5px #6a5acd80}@media (max-width: 768px){.gallery-page-header{padding:1rem;background-size:cover}.header-main-row{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem}.gallery-title{font-size:1.8rem;text-align:center;margin-bottom:.5rem}.header-actions{display:flex;justify-content:center;gap:1rem}.header-action-link{background:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.header-action-link:hover{transform:scale(1.1)}.header-action-link{font-size:0}.header-action-link:before{font-size:1.5rem}.header-action-link:nth-child(2):before{content:"➕"}.header-action-link:nth-child(3):before{content:"⚙️"}.controls-row{flex-direction:column;gap:.75rem;width:100%}.search-bar{width:80%;max-width:90%;flex-grow:1;border-radius:25px;padding:.5rem 1rem}.search-bar input{width:100%;padding:.5rem;font-size:16px}.filter-bar{width:100%;display:flex;gap:.5rem;align-items:center}.filter-bar select{flex:1;width:100%;padding:.75rem;font-size:16px}.filter-bar span{white-space:nowrap;font-size:.9rem}.gallery{padding:0 .5rem;gap:.5rem}.image-row{flex-direction:column;align-items:center;gap:.5rem}.image{width:100%;max-width:100%}.image img{width:100%;height:auto;max-height:none;object-fit:cover}.date-marker{font-size:1.1rem;padding:.5rem;margin-bottom:.5rem}.main{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.edit-mode .header-actions{flex-direction:row;justify-content:space-around;width:100%}.header-actions .button-danger,.header-actions .button-secondary{flex:1;max-width:150px;padding:.75rem 1rem;font-size:.9rem}}body{overflow-x:hidden;width:100%;max-width:100vw}@media (prefers-color-scheme: dark){.header-action-link{background:#3a3a3c;border-color:#555;box-shadow:0 2px 4px #0000004d}.header-action-link:after{color:#f5f5f5}.image-modal{background-color:#292727}.search-bar{background-color:#4e4e4e;color:#fff}.search-bar input::placeholder{color:#d3d3d3}.comment-section button,.button-group button{background-color:#535050}.date-marker{color:#fff}}.image-modal{background-color:#f9f9f9;border-radius:8px;padding:20px;max-width:80vw;margin:auto;position:fixed;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow-y:auto;max-height:90vh;z-index:2501}.modal-overlay{background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2500}.modal-section-doubler{flex-direction:column}.modal-section label{font-weight:700;display:block}.modal-image{max-width:100%;height:auto;border-radius:8px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;background-color:#457ad6;color:#fff;transition:background-color .3s ease}.modal-buttons button:hover{background-color:#0056b3}.centered-blue-button{background-color:#c5c5c5;color:#fff;border:none;padding:5px 10px;cursor:pointer;transition:background-color .3s ease;font-size:14px;margin-left:auto;margin-right:auto;width:fit-content;margin-bottom:10px}.modal-tags{display:flex;justify-content:center;flex-direction:column;gap:10px;text-align:left}.modal-tags strong{font-weight:700;margin-right:5px}.image-author{font-size:12px;color:#666;margin-top:5px;text-align:left;width:100%;margin-left:0}.modal-tabs{display:flex;justify-content:center;margin:20px 0;border-bottom:1px solid #ccc}.tab-button{padding:10px 20px;background:none;border:none;font-size:16px;cursor:pointer;color:#555}.tab-button.active{font-weight:700;color:#000;border-bottom:2px solid #000}.tab-button:hover{color:#000}.modal-tab-content{padding:20px}.comments-tab,.metadata-tab{max-height:300px;overflow-y:auto}.comments-tab,.metadata-tab{padding-top:10px}.tag-modal{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;margin:auto;position:fixed;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;overflow-y:auto;z-index:5000}.tag-modal-overlay{background-color:#00000080;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3000}.tag-modal button{margin-top:10px;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s ease}.tag-modal button:hover{background-color:#0056b3}.tag-modal input{margin-top:10px;padding:8px;border:1px solid #ccc;border-radius:4px;width:100%}.description-subtitle{display:block;font-size:12px;color:#666;margin-top:-8px;margin-bottom:8px}.large-text{display:block;font-size:1.17em;margin-top:12px;margin-bottom:5px;font-weight:700;unicode-bidi:isolate}.comments-container{margin-top:20px;border-top:1px solid #ccc;padding-top:10px}.comments-list{max-height:200px;overflow-y:auto;margin-bottom:10px}.comment-item{margin-bottom:5px;padding:5px 10px;background-color:#f9f9f9;border-radius:5px}.add-comment{display:flex;gap:10px;margin-top:10px}.add-comment input{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:5px}.add-comment button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.add-comment button:disabled{background-color:#ccc}.error-message{color:red;margin-top:10px}.comments-container{border:1px solid #ccc;padding:20px;border-radius:8px}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-by button{background:none;border:none;color:#007bff;cursor:pointer}.comments-list{margin-bottom:20px}.comment-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f1f1f1}.comment-user{font-size:.9em;font-weight:700;margin-bottom:5px}.comment-content{margin-bottom:10px}.comment-actions button{background:none;border:none;cursor:pointer;margin-right:10px;font-size:.8em}.add-comment{display:flex;align-items:center;gap:10px}.add-comment input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.add-comment button{padding:8px 12px;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-comment button:disabled{background-color:#ccc;cursor:not-allowed}.comment-section .comment{margin-bottom:10px;padding:8px;background-color:#e9ecef;border-radius:4px;font-size:.5em;color:#000}.comment-section input{width:90%;padding:8px;margin-top:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.comment-section button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;color:#000;transition:background-color .3s ease}.comment-section button:hover{background-color:#218838}.comment-header{display:flex;justify-content:space-between;font-size:.9em;color:#666;margin-bottom:5px}.comment-time{font-size:.8em;color:#999}.like-button.liked{color:#007bff;font-weight:700}.modal-tabs{gap:10px}.modal-buttons{margin-top:10px}@media (prefers-color-scheme: dark){.comment-section button,.button-group button{background-color:#535050;color:#fff}}.centerer-er{margin-top:120px}.standard-container{width:300px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.next-button{background-color:#4caf50;color:#fff}.back-button{background-color:#008cba;color:#fff}.input-group-request{width:100%;margin-bottom:15px}.input-group-request label{display:block;margin-bottom:5px}.input-group-request input{padding:8px}.admin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;margin-top:70px}.admin-container h1{margin-bottom:30px;color:#333}.admin-links{display:flex;flex-direction:column;align-items:center}.admin-link{display:block;width:200px;padding:15px;margin:10px 0;text-decoration:none;text-align:center;background-color:#007bff;color:#fff;border-radius:5px;font-weight:700;transition:background-color .3s}.admin-link:hover{background-color:#0056b3}@media (max-width: 768px){.admin-container{justify-content:unset}}@media (prefers-color-scheme: dark){.image-modal-admin{background-color:#000}.admin-container{background-color:transparent}}.application-card{border:1px solid #ddd;border-radius:8px;padding:16px;margin:20px auto;width:100%;max-width:500px;background-color:#fff;text-align:left;box-shadow:0 4px 8px #0000001a}.application-card h3{margin-top:0}.application-card ul{padding:0;margin:10px 0;list-style-type:none}.application-card ul li{margin-bottom:10px}.navigation-buttons{display:flex;justify-content:space-between;margin-bottom:20px}.action-buttons{display:flex;justify-content:space-around;margin-top:20px}.separator-ofu{text-align:center;font-weight:700;font-size:1.2rem;margin:20px 0;color:#555;position:relative}.action-buttons button,.navigation-buttons button{padding:8px 16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.action-buttons button:hover,.navigation-buttons button:hover{background-color:#0056b3}.action-buttons button:disabled,.navigation-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.applications-container{padding:20px;max-width:1000px;margin-top:115px;text-align:center}.applications-table{width:100%;border-collapse:collapse;margin-top:20px}.applications-table th,.applications-table td{border:1px solid #ddd;padding:8px;text-align:left}.applications-table th{background-color:#f4f4f4;font-weight:700}.applications-table tr:nth-child(2n){background-color:#f9f9f9}.application-row{background-color:#fff}.application-detail-row td{background-color:#fafafa;font-size:14px;padding:10px;border-top:none;border-bottom:none;white-space:pre-wrap}.applications-table tr:hover{background-color:#f1f1f1}.tabs button.active{font-weight:700}@media (prefers-color-scheme: dark){.applications-table{background-color:unset}.applications-table th{background-color:#afafaf;font-weight:700}.applications-table tr:nth-child(2n){background-color:#acacac}.applications-table tr:hover{background-color:#848484}.application-row{background-color:#484848}.application-detail-row td{background-color:#5b5757}}@media (max-width: 768px){.applications-container{padding:0}}.users-table{display:flex;flex-direction:column;padding:50px 0;text-align:center;margin-top:20px}.users-table table{margin-top:20px;border-collapse:collapse}@media (max-width: 768px){.users-table .h1{font-size:1.75rem;font-weight:400}}.home-users-panel .hamburger-menu-container{background-color:unset}.event-page{position:relative;width:100%;margin:0 auto;padding:0;min-height:100vh}.banner{position:relative;width:100%;height:20vh;background-size:cover;background-position:center;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003,#0006)}.event-title-container{display:flex;align-items:center;justify-content:center;padding:0 2rem;margin-bottom:2rem;position:relative}.event-title{font-size:2.5rem;color:#333;margin:0;text-align:center}.edit-button{right:2rem;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.edit-button:hover{background-color:#0056b3}.delete-button{right:2rem;padding:.5rem 1rem;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.delete-button:hover{background-color:#f08080}.tabs{display:flex;justify-content:center;gap:1rem;padding:0 1rem;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.tabs button{padding:.75rem 1.5rem;border:none;background:none;color:#666;cursor:pointer;font-size:1rem;position:relative;transition:color .2s}.tabs button.active{color:#007bff}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#007bff}.tab-content{padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 1rem}.details-tab p{margin-bottom:1rem;line-height:1.6}.details-tab strong{color:#555;min-width:120px;display:inline-block}.comments-input{width:clamp(300px,80vw,1200px);min-height:100px;padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin-top:1rem;resize:vertical}.image-gallery{display:grid;gap:1.5rem;padding:1rem 0}.image-item{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.image-item img{width:100%;height:200px;object-fit:cover}.image-item p{padding:.5rem;margin:0;text-align:center;background-color:#f8f9fa}.images-tab{padding:20px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-card{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.image-card:hover{transform:scale(1.02)}.image-card img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#0009;color:#fff;font-size:14px}.no-images-message{grid-column:1 / -1;text-align:center;padding:40px;color:#666;background:#f5f5f5;border-radius:8px;margin:20px 0}.images-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#666}@media (max-width: 768px){.banner{height:200px}.event-title{font-size:2rem}.event-title-container{flex-direction:column;gap:1rem}.edit-button{position:static}.tabs{flex-wrap:wrap}.tab-content{padding:1rem;margin:0 .5rem}}.event-page p:only-child{text-align:center;padding:2rem;color:#666}.participation-tab{padding:1rem}.participants-section{max-width:600px;margin:0 auto}.participants-section h4{margin-bottom:1rem;color:#333;font-size:1.2rem}.participants-list{list-style:none;padding:0;margin:0 0 2rem}.participant-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eee;justify-content:space-between}.participant-item:last-child{border-bottom:none}.participant-name{color:#444;font-size:1rem}.current-user-badge{font-size:.875rem;color:#666;margin-left:.5rem}.no-participants{text-align:center;color:#666;padding:2rem 0}.participation-actions{display:flex;justify-content:center;margin-top:2rem}.join-button,.leave-button{padding:.75rem 2rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;border:none}.join-button{background-color:#007bff;color:#fff}.join-button:hover{background-color:#0056b3}.leave-button{background-color:#dc3545;color:#fff}.leave-button:hover{background-color:#c82333}.invite-modal{max-width:600px;max-height:80vh}.search-input{width:100%;padding:8px;margin-bottom:16px;border:1px solid #ddd;border-radius:4px}.users-list{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:4px;padding:8px}.user-item{padding:8px;border-bottom:1px solid #eee}.user-label{display:flex;align-items:center;gap:8px;cursor:pointer}.user-info{display:flex;gap:8px;align-items:center}.user-type{font-size:.8em;color:#666;background:#eee;padding:2px 6px;border-radius:4px}.invite-button{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.invite-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.participants-section{max-width:100%}.participant-item{padding:.5rem}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000}.modal-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:2000}.modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:2001}.modal-overlay{top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;text-align:center;z-index:2010}.modal-content h3{margin-bottom:15px}.modal-content button{margin:10px;padding:10px 20px;cursor:pointer}.body-no-scroll{overflow:hidden}.upload-button{margin-bottom:20px}.email-button{right:2rem;padding:.5rem 1rem;background-color:green;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.mail-layout{display:flex;margin-top:125px;height:100%;min-height:100vh}.mail-input-panel,.mail-preview-panel{flex:1;box-sizing:border-box}.mail-divider{width:1px;background-color:#ccc}h2{margin-bottom:1rem}.form-group{margin-bottom:1.5rem;text-align:left}label{display:block;font-weight:700;margin-bottom:.5rem}textarea{resize:vertical}.send-button{padding:.75rem 1.25rem;background-color:#07c;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.send-button:disabled{background-color:#aaa;cursor:not-allowed}.error{color:red;margin-bottom:1rem}.success{color:green;margin-bottom:1rem}.preview-box{padding:1rem;border:1px solid #ddd;background-color:#f9f9f9;min-height:300px;overflow-y:auto}.email-preview{margin-top:1rem}select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff}.modal-mail-layout{max-height:80vh;overflow-y:auto;flex-direction:row;gap:1rem}.event-mailer-modal{max-width:1000px;width:95%;max-height:90vh;overflow:hidden}.event-mailer-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;color:red;cursor:pointer}.event-mailer-form-group{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.event-mailer-form-group label{font-weight:600;margin-bottom:.5rem;width:100%;text-align:center}.event-mailer-input{width:110%;max-width:600px;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.event-mailer-subject-group input{height:auto}.event-mailer-body-group textarea{min-height:150px;line-height:1.4;resize:vertical}@media (max-width: 768px){.modal-mail-layout{flex-direction:column;gap:0rem}.mail-input-panel,.mail-preview-panel{width:100%}.event-mailer-input{max-width:none}.event-mailer-preview-panel .preview-box{font-size:1rem;line-height:1.6}}.invite-handler-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9f9f9;text-align:center;padding:20px}.invite-handler-title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{font-size:18px;color:#2ecc71;margin-top:20px}.error-message{font-size:18px;color:#e74c3c;margin-top:20px}.invite-handler-button{margin-top:30px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.invite-handler-button:hover{background-color:#2980b9}:root{font-family:source-sans-pro,sans-serif,Myriad Pro,Helvetica,Georgia,Inter,system-ui,Avenir,Arial,sans-serif;line-height:1.5;font-weight:500;letter-spacing:.03em;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}html,body{overscroll-behavior:none}.normal-text{background-color:#fff;padding:10px}@media (prefers-color-scheme: dark){button{background-color:#535050}}