*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{background-color:#00b5ac!important;filter:none!important;opacity:1!important}.App{min-height:100vh;padding-bottom:70px;padding-top:80px}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:200px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}.profile-avatar{align-items:center;display:flex;justify-content:center}.avatar-img{object-fit:cover}.avatar-img,.avatar-placeholder{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.avatar-placeholder{align-items:center;background-color:#e0e0e0;color:#666;display:flex;justify-content:center}.navbar.desktop-nav{background:linear-gradient(135deg,#00b5ac,#009b92);box-shadow:0 2px 8px #0000001f;color:#fff;left:0;padding:1rem 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar.desktop-nav.with-bg-image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;text-decoration:none}.nav-logo img{height:55px;width:auto}.logo-fallback{color:#fff;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#ffffff1a}.nav-user{align-items:center;color:#ecf0f1;display:flex;font-size:.9rem;gap:.75rem}.nav-logout{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.nav-logout:hover{background-color:#c0392b}.content-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px;overflow:hidden;padding:1.5rem}.content-box h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.fab{align-items:center;background-color:#00b5ac;border:3px solid #fff;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00b5ac66;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;text-decoration:none;transition:all .3s ease;width:56px;z-index:999}.fab:hover{background-color:#009b92;box-shadow:0 6px 16px #00b5ac99;transform:scale(1.1)}.fab svg{height:24px;width:24px}.mobile-nav{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000001a;display:none;left:0;position:fixed;right:0;z-index:1000}.mobile-nav-container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:500px;padding:8px 0}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.mobile-nav-item span{font-size:.7rem;font-weight:500;margin-top:4px}.mobile-nav-item svg{stroke:currentColor;height:24px;width:24px}.mobile-nav-item:hover{background-color:#f5f5f5}.mobile-nav-item.active{background-color:#e0f7f5;color:#00b5ac}.mobile-nav-item.logout-btn{color:#e74c3c}.mobile-nav-item.logout-btn:hover{background-color:#fef2f2}.mobile-nav-avatar{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.mobile-nav-avatar .profile-avatar{height:100%;width:100%}.mobile-nav-avatar .avatar-img,.mobile-nav-avatar .avatar-placeholder{height:24px!important;width:24px!important}.login-container{padding:1rem}.login-container .login-card{margin:8px}.login-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-card h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.demo-credentials{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;margin-top:1.5rem;padding:1rem}.demo-credentials h3{color:#2c3e50;font-size:1rem;margin-bottom:.5rem}.demo-credentials p{color:#666;font-size:.9rem;margin:.25rem 0}.auth-toggle{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem;text-align:center}.auth-toggle p{color:#666;font-size:.9rem;margin:0}.toggle-btn{background:none;border:none;color:#00b5ac;cursor:pointer;font-size:.9rem;font-weight:500;margin-left:.5rem;text-decoration:underline;transition:color .3s}.toggle-btn:hover{color:#009b92;text-decoration:none}.groups-container{margin:0 auto;max-width:800px;padding:1rem}.groups-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px;padding:2rem}.groups-card h2{color:#2c3e50;margin-bottom:1.5rem}.current-group{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.current-group h3{color:#2c3e50;margin-bottom:1rem}.group-info{margin-bottom:1.5rem}.group-info p{color:#333}.group-code{background:#3498db;color:#fff;font-family:monospace}.group-code-hint{margin-top:.5rem}.no-group{padding:2rem;text-align:center}.no-group p{color:#666;margin-bottom:2rem}.group-actions{gap:1rem;justify-content:center;margin-bottom:2rem}.group-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:400px;padding:2rem}.group-form h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.checkbox-group{margin-top:.5rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{margin:.2rem 0 0;width:auto}.form-hint{font-size:.8rem;margin-left:1.5rem;margin-top:.5rem}.public-groups{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:600px;padding:2rem}.public-groups h3{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.public-groups-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.public-group-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem;transition:transform .2s}.public-group-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.public-group-info h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.public-group-info p{color:#666;font-size:.9rem;margin:.25rem 0}.form-group{margin-bottom:1.25rem}.form-group label{color:#2c3e50;display:flex;font-size:.95rem;font-weight:500;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.875rem;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00b5ac;box-shadow:0 0 0 3px #00b5ac1a;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s}.btn-primary{background-color:#00b5ac;color:#fff}.btn-primary:hover{background-color:#009b92}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background-color:#00b5ac;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.submit-btn:hover{background-color:#009b92}.events-container{margin:0 auto;max-width:1200px;padding:1rem}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.events-header h1{color:#2c3e50;font-size:2rem}.events-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px 8px 1rem;padding:1rem}.filter-group,.search-group{display:flex;flex-direction:column}.filter-group label,.search-group label{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.filter-group input,.search-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.filters-toggle{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.filters-toggle:hover{background:#fff;border-color:#00b5ac}.filters-toggle span{color:#2c3e50;font-weight:500}.expand-icon{transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.filters-content{grid-gap:1rem;animation:slideDown .3s ease;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clear-filters{display:flex;grid-column:span 2;justify-content:center;margin-top:1rem}.events-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.event-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.event-header h3{color:#2c3e50;flex:1 1;margin:0}.event-actions{gap:.5rem}.event-details p{color:#666;margin:.5rem 0}.event-details strong{color:#2c3e50}.event-owner{color:#27ae60;font-size:.9rem;margin-top:.5rem}.no-events{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:1.1rem;margin:8px;padding:2rem;text-align:center}.icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;text-decoration:none;transition:all .2s ease}.icon-btn:hover{background:#f5f5f5;transform:scale(1.05)}.icon-btn.edit-btn:hover{background:#00b5ac1a;color:#00b5ac}.icon-btn.delete-btn:hover{background:#e74c3c1a;color:#e74c3c}.event-actions{display:flex;gap:.25rem}.group-actions,.group-bottom-actions{align-items:center;gap:.25rem}.group-bottom-actions{display:flex}.group-header{align-items:flex-start;margin-bottom:1rem}.group-header h4{flex:1 1}.group-header-actions{display:flex;gap:.5rem}.group-actions{display:flex!important;gap:.5rem}.event-participants{margin:20px 0}.participants-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.participants-section h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 10px}.participants-icons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.participant-icon{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;overflow:hidden;position:relative;width:40px}.participant-icon.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.participant-icon.clickable:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1);z-index:1}.participant-icon img{height:100%;object-fit:cover;width:100%}.participant-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;height:100%;width:100%}.participant-avatar,.participant-count{align-items:center;display:flex;font-weight:700;justify-content:center}.participant-count{background:#e9ecef;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#666;font-size:12px;height:40px;width:40px}.event-participation{margin-top:20px}.event-participation .btn{font-size:16px;font-weight:600;padding:12px 24px}.btn-full{margin-top:10px;width:100%}.event-description{color:#666;line-height:1.5;margin:15px 0}.event-datetime{color:#666;font-size:.95rem;font-weight:400;margin-bottom:15px;margin-top:5px}.form-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:1rem}.form-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px;max-width:600px;padding:2rem;width:100%}.form-card h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.profile-container{margin:0 auto;max-width:600px;padding:1rem}.profile-container .content-box{padding:2rem}.profile-container h1{margin-bottom:2rem;text-align:center}.profile-container h3{color:#2c3e50;margin-bottom:1rem;margin-top:0}.profile-form{margin-top:2rem}.profile-form .form-group{margin-bottom:1.5rem}.profile-form .form-group:last-child{margin-bottom:0}.profile-photo-section{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem 1.5rem}.photo-container{margin-bottom:1rem;position:relative}.profile-photo{border:4px solid #3498db;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:120px;object-fit:cover;width:120px}.profile-photo.preview{border-color:#2ecc71}.profile-photo-placeholder{background-color:#e0e0e0;border:4px solid #bdc3c7;border-radius:50%;box-shadow:0 4px 8px #0000001a;color:#666;height:120px;width:120px}.photo-loading,.profile-photo-placeholder{align-items:center;display:flex;justify-content:center}.photo-loading{background-color:#fffc;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.photo-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.photo-actions .btn{font-size:.9rem;padding:.5rem 1rem}.error-message{background-color:#fdf2f2;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;margin:1rem 0;padding:.75rem}.success-message{background-color:#f0f9f0;border:1px solid #27ae60;border-radius:4px;color:#27ae60;margin:1rem 0;padding:.75rem}@media (max-width:768px){.navbar.desktop-nav{display:block}.nav-links,.nav-user{display:none}.mobile-nav{display:block}.App{padding-bottom:80px;padding-top:80px}.fab{bottom:90px}.events-header{align-items:stretch;flex-direction:column;gap:1rem}.events-filters,.filters-content{grid-template-columns:1fr}.clear-filters{grid-column:span 1}.events-grid,.form-row{grid-template-columns:1fr}.event-header,.form-actions{flex-direction:column}.event-header{gap:1rem}.event-actions{align-self:stretch}.form-container,.profile-container{min-height:calc(100vh - 80px)}.profile-photo-section{padding:1rem}.profile-photo,.profile-photo-placeholder{height:100px;width:100px}}@media (max-width:480px){.events-container,.form-container,.profile-container{padding:1rem .5rem}.form-card,.profile-card{padding:1.5rem}.mobile-nav-item{min-width:50px;padding:6px 8px}.mobile-nav-item span{font-size:.6rem}.mobile-nav-item svg{height:20px;width:20px}.photo-actions{flex-direction:column;width:100%}.photo-actions .btn{width:100%}}@media (min-width:769px){.mobile-nav{display:none}.App{padding-bottom:0;padding-top:80px}}.user-groups{margin-bottom:2rem}.group-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .3s ease}.group-card:hover{box-shadow:0 4px 12px #0000001a}.group-card.active-group{border-color:#00b5ac;box-shadow:0 2px 8px #00b5ac33}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.group-header h4{color:#2c3e50;font-size:1.25rem;margin:0}.active-badge{background:#00b5ac;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.group-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn-small{font-size:.9rem;padding:.5rem 1rem}.group-info p{color:#555;margin:.5rem 0}.group-code{background:#f8f9fa;border-radius:4px;color:#00b5ac;font-family:Courier New,monospace;font-weight:700;padding:.25rem .5rem}.group-code-hint{color:#666;font-size:.9rem;font-style:italic;margin-top:.75rem}@media (max-width:768px){.group-actions,.group-header{flex-direction:column}.group-header{align-items:flex-start;gap:.5rem}.active-badge{align-self:flex-start}}.create-group-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center}.create-group-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.create-group-section .btn{font-size:1rem;font-weight:500;padding:.75rem 2rem}.group-info-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:2rem 0;padding:1.5rem}.group-info-display h4{color:#2c3e50;font-size:1.1rem;margin:0 0 1rem}.group-info-display p{color:#555;margin:.5rem 0}.group-info-display .group-code{background:#fff;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-weight:700;padding:.25rem .5rem}.form-card .form-group:has(input[name=isPublic]){margin-top:2rem}.public-groups-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:3rem;padding:2rem}.public-groups-section h3{color:#2c3e50;margin-bottom:1.5rem;margin-top:0;text-align:center}.public-groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.public-group-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s ease}.public-group-item:hover{border-color:#00b5ac;box-shadow:0 4px 12px #00b5ac1a}.public-group-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.public-group-header h4{color:#2c3e50;flex:1 1;font-size:1.1rem;margin:0}.group-type-badge{border-radius:15px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.group-type-badge.public{background:#e8f5e8;border:1px solid #a8d8a8;color:#2e7d2e}.public-group-details{margin-bottom:1rem}.detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:#666;font-size:.9rem;font-weight:500}.detail-value{color:#2c3e50;font-weight:500}.public-group-actions{margin-top:1rem;text-align:center}.no-public-groups{color:#666;font-style:italic;padding:3rem 1rem;text-align:center}.pagination-controls{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem}.pagination-info{color:#666;font-size:.9rem}.pagination-buttons{flex-wrap:wrap;gap:.5rem}.pagination-btn,.pagination-buttons{align-items:center;display:flex;justify-content:center}.pagination-btn{height:36px;min-width:40px;transition:all .3s ease}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn:disabled,.pagination-btn:disabled:hover{background-color:#f5f5f5;color:#999}.pagination-btn.btn-primary{background-color:#00b5ac;border-color:#00b5ac;color:#fff}.pagination-btn.btn-primary:hover:not(:disabled){background-color:#009b92;border-color:#009b92}.pagination-btn.btn-secondary{background-color:#fff;border-color:#ddd;color:#555}.pagination-btn.btn-secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:#00b5ac;color:#00b5ac}@media (max-width:768px){.public-groups-section{margin-top:2rem;padding:1.5rem}.public-groups-grid{gap:1rem;grid-template-columns:1fr}.public-group-item{padding:1rem}.public-group-header{align-items:flex-start;flex-direction:column;gap:.5rem}.pagination-controls{gap:.75rem}.pagination-buttons{gap:.25rem}.pagination-btn{font-size:.85rem;height:32px;min-width:36px}}@media (max-width:480px){.pagination-info{font-size:.8rem;text-align:center}.pagination-buttons{justify-content:center}}.join-group-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:3rem;padding:2rem}.join-group-section h3{color:#2c3e50;margin-bottom:1.5rem;margin-top:0;text-align:center}.content-box:has(input[name=code]) form{margin:0 auto;max-width:500px}.content-box:has(input[name=code]) .form-group{margin-bottom:1.5rem}.content-box:has(input[name=code]) .form-hint{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.content-box:has(input[name=code]) .form-actions{text-align:center}.content-box input[name=code]{font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;text-align:center}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .3s;width:100%}.form-select:focus{border-color:#00b5ac;box-shadow:0 0 0 3px #00b5ac1a;outline:none}.form-select option{padding:.5rem}.participants-selection{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;max-height:300px;overflow-y:auto;padding:1rem}.participants-list{display:flex;flex-direction:column;gap:.75rem}.participant-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;transition:all .3s ease}.participant-item:hover{border-color:#00b5ac;box-shadow:0 2px 4px #00b5ac1a}.participant-checkbox{align-items:center;cursor:pointer;display:flex;margin:0;width:100%}.participant-checkbox input[type=checkbox]{accent-color:#00b5ac;height:18px;margin-right:.75rem;width:18px}.participant-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.participant-photo{border:2px solid #e0e0e0;border-radius:50%;height:32px;object-fit:cover;width:32px}.participant-name{color:#2c3e50;font-weight:500}.participant-checkbox input[type=checkbox]:checked+.participant-info .participant-name{color:#00b5ac;font-weight:600}.no-users-message{color:#666;font-style:italic;padding:2rem;text-align:center}.form-hint{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:.75rem}.selected-count{background:#e8f5e8;border-radius:4px;color:#2e7d2e;font-size:.9rem;font-weight:500;margin-top:.75rem;padding:.5rem;text-align:center}@media (max-width:768px){.participants-selection{max-height:250px}.participant-item{padding:.5rem}.participant-photo{height:28px;width:28px}.participant-info{gap:.5rem}}.special-group-event{border-top:4px solid #006b4f!important;position:relative}.event-logo{align-items:center;display:flex;height:60px;justify-content:center;overflow:hidden;position:absolute;right:15px;top:15px;width:30%;z-index:10}.event-logo img{height:100%;object-fit:contain;padding:4px;width:100%}.event-datetime{color:#333;font-size:.8rem;font-weight:600;margin-bottom:0;padding:.5rem 0}.special-group-label{color:#006b4f;font-weight:600}.special-hint{background:#006b4f1a;border-left:3px solid #006b4f;border-radius:4px;color:#006b4f;margin-top:.5rem;padding:.5rem}.form-group:has(input[name=isSpecial]){background:#006b4f05;border:1px solid #006b4f33;border-radius:8px;margin-top:1rem;padding:1rem}.members-page{padding:20px}.search-container{margin-bottom:30px}.search-input-container{margin:0 auto;max-width:600px;position:relative}.search-input{border:2px solid #e0e0e0;border-radius:25px;font-size:16px;outline:none;padding:15px 20px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#4caf50}.search-loading{color:#666;font-size:14px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.search-hint{color:#666;font-size:14px;margin-top:10px;text-align:center}.search-form{background-color:initial;border:none;border-radius:0;margin-bottom:25px;padding:0}.search-group .search-input-container{align-items:stretch;display:flex;gap:10px;margin:0;max-width:none}.search-group .search-input{border-radius:8px;box-sizing:border-box;flex:1 1;font-size:15px;height:46px;margin-bottom:0;padding:12px 15px}.search-buttons{display:flex;flex-shrink:0;gap:8px}.clear-btn,.search-btn{box-sizing:border-box;height:46px;min-width:auto;white-space:nowrap}.search-form .form-hint{margin-top:8px;text-align:left}.group-code-section{align-items:center;background-color:#f0f8ff;border-radius:10px;display:flex;gap:10px;margin-bottom:15px;padding:9px;width:100%}.group-code-section p{flex:1 1;margin:0}.group-code-large{color:#2c3e50;flex:1 1;font-family:Courier New,monospace;font-size:1.5em;font-weight:700;letter-spacing:2px}.group-actions-right{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:0}.member-count{color:#999;font-weight:400}.current-logo-container{margin:15px 0;text-align:center}.logo-display{margin-bottom:15px}.group-logo-image{border:1px solid #ddd;border-radius:4px;display:block;margin:0 auto;max-height:100px;max-width:200px;object-fit:contain}.logo-actions{align-items:center;display:flex;flex-direction:column;gap:10px}.delete-logo-text{color:#666;font-size:.9em;margin:0}.copy-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#333;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px;transition:all .2s ease}.copy-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn svg{flex-shrink:0}.group-bottom-actions .btn{width:100%}.pagination-controls-simple{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;width:100%}.pagination-controls-simple .pagination-btn{align-items:center;display:flex;height:40px;justify-content:center;min-width:40px}.event-actions-bottom{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.event-group-name{color:#666;font-size:.85em;font-weight:400;margin-top:2px}.event-header{margin-bottom:0}.special-group-event{border:4px solid #006b4f!important}@media (max-width:768px){.event-header{flex-direction:column;gap:0}}.members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.member-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.member-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.member-avatar{border-radius:50%;flex-shrink:0;height:45px;overflow:hidden;width:45px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.member-avatar-placeholder.large{font-size:48px}.member-info h3{color:#333;font-size:18px;margin:0 0 5px}.no-results{font-size:16px;margin-top:40px}.member-profile-page{padding:20px}.back-btn{margin-bottom:20px}.member-profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:30px;margin-bottom:40px;padding:30px}.member-profile-avatar{border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.member-profile-avatar img{height:100%;object-fit:cover;width:100%}.member-profile-info h1{color:#333;font-size:28px;margin:0 0 10px}.member-profile-info .member-email{color:#666;font-size:16px}.member-events-section h2{color:#333;font-size:24px;margin-bottom:20px}.member-event-card{position:relative}.participation-buttons{margin-top:15px}.participation-buttons .btn{min-width:120px}.created-by-you{background:#e8f5e8;border-radius:20px;color:#2e7d32;display:inline-block;font-size:14px;font-weight:500;margin-top:15px;padding:8px 16px}@media (max-width:768px){.member-profile-header{flex-direction:column;gap:20px;text-align:center}.members-grid{grid-template-columns:1fr}.member-card{padding:15px}}.faq-container{margin:0 auto;max-width:800px;padding:1rem}.faq-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.faq-controls,.faq-search{margin-bottom:1.5rem}.faq-controls{text-align:right}.faq-list{margin-top:1rem}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:.5rem;overflow:hidden}.faq-question{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.faq-question:hover{background-color:#f8f9fa}.faq-question.active{background-color:#00b5ac;color:#fff}.faq-question-text{flex:1 1;margin-right:1rem}.faq-toggle-icon{font-size:1.5rem;font-weight:700;min-width:24px;text-align:center;transition:transform .2s ease}.faq-question.active .faq-toggle-icon{transform:rotate(180deg)}.faq-answer{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-answer.open{max-height:500px;transition:max-height .3s ease-in}.faq-answer-content{border-top:1px solid #f0f0f0;color:#555;line-height:1.6;padding:1rem 1.5rem 1.5rem}.faq-answer-content p{margin:0 0 .8rem}.faq-answer-content p:last-child{margin-bottom:0}.no-results{color:#666;padding:2rem;text-align:center}@media (max-width:768px){.faq-container{padding:.5rem}.faq-question{font-size:.95rem;padding:.8rem 1rem}.faq-answer-content{padding:.8rem 1rem 1rem}.faq-controls{text-align:center}}.faq-back-button{margin-bottom:2rem}.faq-back-button .btn{margin:0}.faq-link-section{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem;text-align:center}.faq-link{color:#00b5ac;font-weight:500;text-decoration:none;transition:color .2s ease}.faq-link:hover{color:#009b92;text-decoration:underline}.legal-links-section{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem;text-align:center}.legal-link{color:#00b5ac;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:#009b92;text-decoration:underline}.legal-separator{color:#ccc;font-size:.8rem;font-weight:300;margin:0 10px}@media (max-width:767px){.legal-links-section{margin-top:.8rem;padding-top:.8rem}.legal-link{display:block;margin:.5rem 0}.legal-separator{display:none}}.login-logo{margin-bottom:2rem;position:relative;text-align:center;z-index:10}.logo-image{border:1px solid #0000;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:auto;margin:0 auto;max-height:80px;max-width:200px;object-fit:contain;width:auto}.logo-fallback{color:#333;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}body.login-page .App{padding-bottom:0!important;padding-top:0!important}@media (max-width:767px){.login-container{background-image:var(--mobile-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #ffffff4d;box-shadow:0 4px 16px #0000001a}}@media (min-width:768px){.login-container{background-attachment:fixed;background-image:var(--desktop-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}}.language-selector{border-top:1px solid #eee;margin:1.5rem 0;padding:1rem 0;text-align:center}.flag-buttons{gap:1rem}.flag-btn,.flag-buttons{display:flex;justify-content:center}.flag-btn{align-items:center;background:none;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:40px;overflow:hidden;padding:.5rem;transition:all .3s ease;width:50px}.flag-icon{border-radius:4px;height:100%;object-fit:cover;width:100%}.flag-btn:hover{border-color:#00b5ac;box-shadow:0 4px 12px #00b5ac33;transform:translateY(-2px)}.flag-btn.active{background-color:#f0f9f8;border-color:#00b5ac;box-shadow:0 2px 8px #00b5ac4d}.flag-btn:focus{box-shadow:0 0 0 3px #00b5ac33;outline:none}.verification-box{background:#c3dfd2!important;border:6px solid #fff!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px 8px 2rem;overflow:hidden;padding:1.5rem}.verification-header{margin-bottom:1.5rem;text-align:left}.verification-header h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.verification-header p{color:#666;line-height:1.5;margin:0}.verification-form,.verification-input-group{margin-bottom:1.5rem}.verification-input-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.verification-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.verification-input:focus{border-color:#00b5ac;box-shadow:0 0 0 3px #00b5ac1a;outline:none}.verification-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.verification-button{background:linear-gradient(135deg,#00b5ac,#009b92);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.875rem;transition:all .3s ease;width:100%}.verification-button:hover:not(:disabled){box-shadow:0 6px 20px #00b5ac4d;transform:translateY(-2px)}.verification-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.verification-actions{margin-bottom:1.5rem;text-align:center}.resend-button{background:none;border:2px solid #00b5ac;border-radius:6px;color:#00b5ac;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.resend-button:hover:not(:disabled){background-color:#00b5ac;color:#fff;transform:translateY(-1px)}.resend-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.verification-error,.verification-success{font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}.verification-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.verification-box{margin:8px;padding:1.5rem}.verification-header h3{font-size:1.3rem}.verification-input{padding:.625rem}.verification-button{padding:.75rem}}
/*# sourceMappingURL=main.e6f94a9a.css.map*/