.App{min-height:100vh;display:flex;flex-direction:column}.home-container{min-height:100vh;background:var(--background)}.home-header{background:var(--background-card);border-bottom:2px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;flex-shrink:0}.hotelia-logo{cursor:pointer;transition:all .2s ease;display:flex;align-items:center;height:40px;background:transparent}.hotelia-logo:hover{transform:scale(1.05);opacity:.9}.logo-image{height:100%;width:auto;max-width:120px;min-width:80px;object-fit:contain;transition:all .2s ease;background:transparent;display:block;opacity:1}.logo-image:hover{filter:drop-shadow(0 0 8px var(--primary-color));transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;font-family:serif}.header-actions{display:flex;gap:1rem;align-items:center;position:relative}.create-dropdown-wrapper{position:relative}.create-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:320px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-dropdown-item{padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.create-dropdown-item:last-child{border-bottom:none}.create-dropdown-item:hover{background:var(--background-alt);border-left:3px solid var(--primary-color)}.create-dropdown-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.create-dropdown-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;font-style:italic}.header-right-actions{display:flex;gap:.75rem;align-items:center}.btn-icon{background:none;border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem .75rem;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--background-alt);border-color:var(--primary-color)}.profile-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;position:relative}.profile-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius);transition:background-color .2s ease}.profile-name:hover{background-color:var(--background-alt)}.name-editor{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%;max-width:300px}.name-input{padding:.75rem 1rem;font-size:.95rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);width:100%;background:var(--background-dark);color:var(--text-primary);transition:all .2s ease}.name-input:focus{outline:none;border-color:var(--primary-color);background:var(--background-card);box-shadow:0 0 0 3px #00d9ff26}.name-actions{display:flex;gap:.75rem;width:100%}.name-actions .btn{flex:1;min-width:0}.profile-picture-wrapper{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;border:2px solid var(--border-color);transition:all .2s ease;flex-shrink:0}.profile-picture-wrapper:hover{border-color:var(--primary-color);transform:scale(1.05)}.profile-picture{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:var(--background-dark)}.profile-picture-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem}.profile-picture-loading{width:100%;height:100%;background:var(--background-dark);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.home-main{max-width:1200px;margin:0 auto;padding:2rem;background:var(--background)}.welcome-section{margin-bottom:2rem;padding:2rem 0}.welcome-message{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.4}.event-prompt-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem;transition:all .2s ease}.event-prompt-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.event-prompt-label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.event-prompt{font-size:1.125rem;font-weight:600;color:var(--primary-color);margin:0;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:var(--radius)}.event-prompt:hover{background:#00d9ff1a;transform:translate(4px)}.tabs-container{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:0}.tab{background:none;border:none;border-bottom:3px solid transparent;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-bottom:-2px;position:relative}.tab:hover{color:var(--text-primary)}.home-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.groups-grid,.events-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.group-card,.event-card-home{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;cursor:pointer;transition:all .3s ease;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.group-card:hover,.event-card-home:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.event-card-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:2rem;border:3px solid var(--primary-color);box-shadow:0 0 20px #00d9ff4d;flex-shrink:0}.event-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.group-card h3,.event-card-home h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card-description,.event-card-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card-footer{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:2px solid var(--border-color);width:100%;justify-content:center}.event-card-header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:.75rem}.event-date{font-size:.75rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.event-location{color:var(--text-secondary);font-size:.8125rem;margin:.5rem 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.loading-state{padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state{color:var(--text-secondary);font-style:italic;padding:3rem 2rem;text-align:center;background:var(--background-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state p{font-size:1.125rem;margin:0;color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}@media (max-width: 767px){.home-header{padding:.625rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;overflow:visible}.header-left{flex-shrink:0;display:flex;align-items:center}.hotelia-logo{height:24px;flex-shrink:0}.logo-image{max-width:50px;min-width:40px;height:24px}.logo-text{font-size:.75rem;white-space:nowrap}.profile-section{flex-shrink:0;display:flex;align-items:center;gap:.375rem;min-width:0}.profile-picture-wrapper{width:32px;height:32px;flex-shrink:0}.profile-name{display:none}.header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0;margin-left:auto;position:relative}.create-dropdown{min-width:260px;max-width:90vw;right:0;top:calc(100% + .5rem)}.create-dropdown-item{padding:.875rem 1rem}.create-dropdown-title{font-size:.9375rem}.create-dropdown-description{font-size:.75rem}.header-actions .btn{padding:.5rem;min-width:36px;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;font-size:0;overflow:hidden}.header-actions .btn-primary{position:relative}.header-actions .btn-primary:after{content:"+";font-size:1.25rem;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-actions .btn-secondary{position:relative}.header-actions .btn-secondary:after{content:"👥";font-size:1.1rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-actions .btn>*{display:none}.btn-icon{padding:.5rem;font-size:1rem;min-width:36px;width:36px;height:36px;border-radius:var(--radius-full)}@media (min-width: 481px) and (max-width: 767px){.home-header{padding:.75rem 1rem}.hotelia-logo{height:28px}.logo-image{max-width:60px}.logo-text{font-size:.875rem}.profile-name{display:block;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.profile-section{gap:.5rem}.header-actions .btn{padding:.5rem .75rem;font-size:.8125rem;min-width:auto;width:auto;height:auto;border-radius:var(--radius-lg)}.header-actions .btn-primary:after,.header-actions .btn-secondary:after{display:none}.header-actions .btn>*{display:block}.create-dropdown{min-width:300px;max-width:350px}.btn-icon{padding:.5rem;font-size:1rem;min-width:36px;width:36px;height:36px}}.home-main{padding:1rem}.welcome-section{padding:1.5rem 0;margin-bottom:1.5rem}.welcome-message{font-size:1.25rem;line-height:1.3;margin-bottom:1rem}.event-prompt-section{padding:1rem}.event-prompt-label{font-size:.8125rem}.event-prompt{font-size:1rem}.tabs-container{gap:.25rem;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:.625rem 1rem;font-size:.875rem;white-space:nowrap;flex-shrink:0}.profile-section{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.name-editor{width:100%;max-width:100%;margin-right:0}.name-input{width:100%;min-width:0;font-size:16px}.name-actions{flex-direction:column}.name-actions .btn{width:100%}.events-grid,.groups-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.event-card-avatar{width:60px;height:60px;font-size:1.5rem;margin-bottom:.75rem}.event-card-home,.group-card{padding:1rem}.event-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.event-date{font-size:.8125rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header h2{font-size:1.25rem}}@media (min-width: 768px) and (max-width: 1023px){.home-header{padding:1.25rem 1.5rem}.home-main{padding:1.5rem}.welcome-message{font-size:1.5rem}.events-grid,.groups-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.events-grid,.groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:2rem 1rem;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,217,255,.05) 0%,transparent 70%);animation:pulse 20s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.auth-card{width:100%;max-width:420px;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.auth-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.error-message{padding:.75rem 1rem;background-color:#ef44441a;border:1px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.875rem}.auth-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-light)}.auth-footer p{margin:0;color:var(--text-secondary);font-size:.875rem}.link{color:var(--primary-color);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.phone-input .PhoneInputCountrySelectArrow{opacity:.5;width:.75rem;height:.75rem}@media (max-width: 767px){.auth-container{padding:1rem .75rem}.auth-card{padding:1.5rem;max-width:100%}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.875rem}.auth-form{gap:1rem}.phone-input .PhoneInputInput{font-size:16px}}@media (min-width: 768px) and (max-width: 1023px){.auth-card{padding:2rem}}.create-event-container{min-height:100vh;background:var(--background);padding:2rem 1rem}.create-event-card{max-width:600px;margin:0 auto;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.create-event-header{margin-bottom:2rem}.create-event-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.create-event-header p{color:var(--text-secondary);margin:0}.create-event-form{display:flex;flex-direction:column;gap:1.5rem}.info-banner{padding:1rem;background-color:#00d9ff1a;border:2px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--primary-color)}.info-banner p{margin:0;color:var(--primary-dark);font-size:.875rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 767px){.create-event-container{padding:1rem .75rem}.create-event-card{padding:1.5rem}.create-event-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.create-event-card{padding:1.75rem}}.create-group-container{min-height:100vh;background:var(--background-alt);padding:2rem 1rem}.create-group-card{max-width:700px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.create-group-header{margin-bottom:2rem}.create-group-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.create-group-header p{color:var(--text-secondary);margin:0}.create-group-form{display:flex;flex-direction:column;gap:1.5rem}.form-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.checkbox-group small{margin-left:26px;margin-top:-.25rem}select.input{cursor:pointer}textarea.input{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}@media (max-width: 767px){.create-group-container{padding:1rem .75rem}.create-group-card{padding:1.5rem}.create-group-header h1{font-size:1.5rem}.form-section{padding:1rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.create-group-card{padding:1.75rem}}.invite-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.invite-modal{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:var(--shadow-lg)}.invite-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.invite-modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:background-color .2s ease}.close-button:hover{background-color:var(--background-alt)}.invite-modal-content{padding:1.5rem}.invite-modal-content p{color:var(--text-secondary);margin:0 0 1rem}.invite-url-display{display:flex;gap:.5rem;margin-bottom:1rem}.invite-url-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-family:monospace;font-size:.875rem;background:var(--background-alt);color:var(--text-primary)}.invite-hint{font-size:.875rem;color:var(--text-light);font-style:italic}.group-view-container{min-height:100vh;background:var(--background-alt)}.group-header{background:var(--background);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.group-header-content{flex:1}.group-title-section h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.group-description{color:var(--text-secondary);margin:0 0 1rem;font-size:1rem}.group-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--background-alt);border:1px solid var(--border-color);color:var(--text-secondary)}.badge-visibility{background:#6366f11a;border-color:var(--primary-color);color:var(--primary-dark)}.badge-owner{background:#ef44441a;border-color:var(--error);color:var(--error)}.badge-cohost{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.group-actions{display:flex;gap:.75rem}.group-main{max-width:1200px;margin:0 auto;padding:2rem}.quick-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.group-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--border-color);margin-bottom:2rem}.tab{padding:.75rem 1.5rem;cursor:pointer;color:var(--text-secondary);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.group-section{margin-bottom:3rem}.group-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.events-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.event-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .2s ease}.event-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.event-card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.event-date{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.event-description{color:var(--text-secondary);margin:.75rem 0;font-size:.9rem;line-height:1.5}.event-location{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0}.event-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-item{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem;display:flex;justify-content:space-between;align-items:center}.member-info{display:flex;gap:1rem;align-items:center}.member-id{font-size:.875rem;color:var(--text-secondary);font-family:monospace}.sponsored-badge{padding:.25rem .5rem;background:#10b9811a;color:var(--success);border-radius:var(--radius-sm);font-size:.75rem}.subgroups-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.subgroup-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .2s ease}.subgroup-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.subgroup-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.subgroup-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.empty-state{padding:3rem;text-align:center;background:var(--background);border:1px dashed var(--border-color);border-radius:var(--radius);color:var(--text-secondary)}.empty-state p{margin:0 0 1rem}@media (max-width: 767px){.group-header{flex-direction:column;padding:1rem;gap:1rem}.group-title-section h1{font-size:1.5rem}.group-main{padding:1rem}.events-list,.subgroups-list{grid-template-columns:1fr;gap:.75rem}.quick-actions{flex-direction:column;gap:.75rem}.quick-actions button{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.group-header{padding:1.25rem 1.5rem}.group-main{padding:1.5rem}}.attendees-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-top:2rem}.attendees-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.attendee-count{font-weight:400;color:var(--text-secondary);font-size:.9em}.attendees-list{display:flex;flex-direction:column;gap:.75rem}.attendee-item{padding:.75rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.attendee-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.attendee-id{font-weight:500;color:var(--text-primary)}.checked-in-badge{padding:.25rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:var(--success);font-size:.75rem;font-weight:500}.plus-ones-text{font-size:.875rem;color:var(--text-secondary)}.attendees-hidden,.empty-attendees{color:var(--text-secondary);font-style:italic;margin:0}.loading-small{color:var(--text-secondary);font-size:.9rem}.message-board-container{display:flex;flex-direction:column;height:500px;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.message-board-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-alt)}.message-board-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.board-hint{font-size:.875rem;color:var(--text-secondary);margin:0}.messages-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic}.message-item{display:flex;flex-direction:column}.message-item.message-own{align-items:flex-end}.message-content{max-width:70%;padding:.75rem 1rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.message-item.message-own .message-content{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem}.message-author{font-weight:600;opacity:.8}.message-time{opacity:.6;font-size:.7rem}.message-text{word-wrap:break-word;line-height:1.5}.message-item.message-own .message-text{color:#fff}.message-input-form{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--background-alt)}.message-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem}.message-input:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 640px){.message-board-container{height:400px}.message-content{max-width:85%}}.event-view-container{min-height:100vh;background:var(--background-alt)}.event-header{background:var(--background);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.event-header-content{max-width:1200px;margin:0 auto}.event-host-badge{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:var(--primary-dark)}.event-main{max-width:1200px;margin:0 auto;padding:2rem}.event-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.event-details-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.event-details-section h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem}.event-meta{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.event-meta-item{display:flex;gap:1rem;align-items:flex-start}.meta-icon{font-size:1.5rem;flex-shrink:0}.meta-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.meta-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.meta-value-small{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.event-description{margin-top:2rem}.event-description h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.event-description p{color:var(--text-secondary);line-height:1.6;margin:0}.event-rules-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.event-rules-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.rules-list{display:flex;flex-direction:column;gap:.75rem}.rule-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--background-alt);border-radius:var(--radius)}.rule-label{font-weight:500;color:var(--text-secondary)}.rule-value{color:var(--text-primary);font-weight:500}.invite-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.rsvp-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;position:sticky;top:2rem;height:fit-content}.rsvp-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.rsvp-status{margin-bottom:1.5rem;padding:1rem;background:var(--background-alt);border-radius:var(--radius)}.rsvp-current-state{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.rsvp-badge{padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.9rem}.rsvp-interested{background:#3b82f61a;color:#3b82f6}.rsvp-going{background:#10b9811a;color:var(--success)}.rsvp-checked_in{background:#a855f71a;color:#a855f7}.rsvp-cancelled{background:#ef44441a;color:var(--error)}.plus-ones-badge{padding:.25rem .75rem;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.875rem;color:var(--text-secondary)}.check-in-time{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.rsvp-prompt{color:var(--text-secondary);margin-bottom:1.5rem}.rsvp-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.rsvp-actions button{width:100%}.plus-ones-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.plus-ones-section label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.plus-ones-control{display:flex;gap:.5rem;align-items:center}.past-event-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center}.host-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem}.host-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.host-actions{display:flex;gap:.75rem;margin-bottom:1rem}.host-actions button{flex:1}.host-hint{color:var(--text-secondary);font-size:.875rem;margin-top:1rem;margin-bottom:0}.message-board-section{margin-top:2rem}.decompression-reminder{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:1.5rem;margin-top:2rem}.decompression-reminder h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.decompression-reminder p{color:var(--text-secondary);margin:0 0 1rem}.past-event-message{color:var(--text-secondary);font-size:1.1rem;margin:0}@media (max-width: 767px){.event-header,.event-main{padding:1rem}.event-content{grid-template-columns:1fr;gap:1.5rem}.event-details-section{padding:1.5rem}.event-details-section h1{font-size:1.75rem}.event-meta{gap:1rem}.meta-icon{font-size:1.25rem}.rsvp-section{position:static;padding:1.5rem}.rsvp-section h3{font-size:1.25rem}.host-actions{flex-direction:column}.host-actions button{width:100%}.invite-section,.event-rules-section{padding:1rem}}@media (min-width: 768px) and (max-width: 1023px){.event-content{grid-template-columns:1fr}.rsvp-section{position:static}}@media (min-width: 1024px){.event-content{grid-template-columns:2fr 1fr}}.invite-resolver-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-alt);padding:2rem}.invite-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);text-align:center}.invite-card h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem}.invite-content{margin:2rem 0}.invite-content p{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem}.invite-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.invite-actions button{width:100%}.invite-meta{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin:.5rem 0}.invite-hint{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-top:1rem;text-align:center}.checkin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-alt);padding:2rem}.checkin-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);text-align:center}.checkin-card h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.checkin-card h2{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin:0 0 2rem}.checkin-content{margin-top:2rem}.event-info{text-align:left;background:var(--background-alt);padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem}.event-info p{margin:.5rem 0;color:var(--text-primary)}.plus-ones-input{margin-bottom:1.5rem;text-align:left}.plus-ones-input label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.checkin-result{padding:2rem;border-radius:var(--radius);margin-bottom:1rem}.checkin-result.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.checkin-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.result-icon{font-size:3rem;margin-bottom:1rem}.checkin-result p{font-size:1.1rem;font-weight:500;margin:.5rem 0}.redirect-message{font-size:.875rem;color:var(--text-secondary);font-style:italic}.checkin-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.error-text{color:var(--error);font-size:.875rem;margin-top:1rem}.checkin-host-container{min-height:100vh;background:var(--background-alt);padding:2rem}.checkin-host-card{max-width:600px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.checkin-host-header{margin-bottom:2rem;text-align:center}.checkin-host-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.checkin-host-header p{color:var(--text-secondary);margin:0}.qr-display-section{text-align:center;padding:2rem;background:var(--background-alt);border-radius:var(--radius);margin-bottom:2rem}.qr-code-wrapper{display:inline-block;padding:1rem;background:#fff;border-radius:var(--radius);margin-bottom:1rem}.qr-code-image{width:300px;height:300px;display:block}.qr-hint{color:var(--text-secondary);font-size:.875rem;margin:1rem 0;line-height:1.6}.checkin-link-section{padding-top:2rem;border-top:1px solid var(--border-light)}.checkin-link-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.link-display{display:flex;gap:.5rem;margin-bottom:.75rem}.link-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-family:monospace;font-size:.875rem;background:var(--background-alt);color:var(--text-primary)}.link-hint{font-size:.875rem;color:var(--text-light);margin:0}@media (max-width: 640px){.checkin-host-container{padding:1rem}.checkin-host-card{padding:1.5rem}.qr-code-image{width:250px;height:250px}}.group-settings-container{min-height:100vh;background:var(--background-alt);padding:2rem}.group-settings-card{max-width:700px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.settings-form{display:flex;flex-direction:column;gap:2rem}.delete-confirmation{margin-top:1rem}.delete-warning-text{color:var(--text-primary);font-weight:500;margin-bottom:.75rem}.delete-consequences{margin:.75rem 0;padding-left:1.5rem;color:var(--text-secondary)}@media (max-width: 640px){.group-settings-container{padding:1rem}.group-settings-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.sponsor-member-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem}.sponsor-member-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.sponsor-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem}.sponsor-form{display:flex;flex-direction:column;gap:1rem}.sponsor-actions{display:flex;gap:.75rem}.sponsor-actions button{flex:1}.eligibility-success{padding:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);color:var(--success);font-size:.875rem;margin-top:.5rem}.members-container{min-height:100vh;background:var(--background-alt)}.members-header{background:var(--background);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.members-header-content{flex:1}.btn-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;font-size:.9rem;transition:color .2s ease}.members-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.members-header p{color:var(--text-secondary);margin:0}.members-header-actions{display:flex;gap:1rem}.members-main{max-width:1200px;margin:0 auto;padding:2rem}.members-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.members-list-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.members-list-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.members-list{display:flex;flex-direction:column;gap:1rem}.member-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.member-info{flex:1}.member-id-display{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.member-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.role-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.role-owner{background:#ef44441a;color:var(--error)}.role-cohost{background:#f59e0b1a;color:var(--warning)}.role-member{background:#6366f11a;color:var(--primary-color)}.role-sponsored_member{background:#10b9811a;color:var(--success)}.sponsored-label{padding:.25rem .5rem;background:#10b9811a;color:var(--success);border-radius:var(--radius-sm);font-size:.75rem}.joined-date{font-size:.875rem;color:var(--text-light)}.member-actions{display:flex;gap:.5rem}.role-editor{display:flex;gap:.5rem;align-items:center}.input-sm{padding:.5rem .75rem;font-size:.875rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.leave-group-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.leave-group-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.leave-group-section p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}@media (max-width: 768px){.members-header{flex-direction:column;padding:1rem}.members-main{padding:1rem}.member-row{flex-direction:column;align-items:flex-start;gap:1rem}.member-actions{width:100%;flex-direction:column}.member-actions button{width:100%}}.invites-inbox-container{min-height:100vh;background:var(--background-alt)}.inbox-header{background:var(--background);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.inbox-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.inbox-main{max-width:800px;margin:0 auto;padding:2rem}.empty-inbox{text-align:center;padding:4rem 2rem;background:var(--background);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-inbox p{font-size:1.1rem;color:var(--text-secondary);margin:.5rem 0}.empty-hint{font-size:.9rem;color:var(--text-light);margin-top:1rem!important}.invites-list{display:flex;flex-direction:column;gap:1rem}.invite-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.invite-content{flex:1}.invite-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.sponsor-notice{color:var(--text-secondary);font-size:.875rem;margin:0}.invite-actions{display:flex;gap:.75rem}@media (max-width: 640px){.inbox-header{flex-direction:column;align-items:flex-start;gap:1rem}.invite-card{flex-direction:column;align-items:flex-start}.invite-actions{width:100%}.invite-actions button{flex:1}}.settings-container{min-height:100vh;background:var(--background);padding:2rem;width:100%;position:relative;z-index:1}.settings-card{max-width:700px;margin:0 auto;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.settings-header p{color:var(--text-secondary);margin:0}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{padding:1.5rem;background:var(--background-dark);border-radius:var(--radius-lg);border:2px solid var(--border-color)}.settings-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-hint{font-size:.75rem;color:var(--text-light);margin-top:.25rem}.password-reset-section{display:flex;flex-direction:column;gap:1rem}.password-reset-section p{color:var(--text-secondary);margin:0}.reset-hint{font-size:.875rem;color:var(--success);font-style:italic;margin:0}.success-message{padding:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);color:var(--success);margin-bottom:1rem}.error-message{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:var(--error);margin-bottom:1rem}@media (max-width: 767px){.settings-container{padding:1rem .75rem}.settings-card{padding:1.5rem}.settings-header h1{font-size:1.5rem}.settings-section{padding:1rem}.settings-section h2{font-size:1.125rem}}@media (min-width: 768px) and (max-width: 1023px){.settings-card{padding:1.75rem}}.edit-event-container{min-height:100vh;background:var(--background-alt);padding:2rem}.edit-event-card{max-width:700px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.edit-header{margin-bottom:2rem}.edit-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.edit-header p{color:var(--text-secondary);margin:0}.edit-event-form{display:flex;flex-direction:column;gap:2rem}.form-section{padding:1.5rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.form-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.checkbox-group{flex-direction:row;align-items:flex-start;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--border-light)}.danger-zone{margin-top:3rem;padding:1.5rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius)}.danger-zone h3{font-size:1.1rem;font-weight:600;color:var(--error);margin:0 0 1rem}.btn-danger:hover{background:#dc2626}.danger-hint{font-size:.875rem;color:var(--text-secondary);margin:.75rem 0 0}@media (max-width: 640px){.edit-event-container{padding:1rem}.edit-event-card{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.event-cohosts-container{min-height:100vh;background:var(--background-alt);padding:2rem}.event-cohosts-card{max-width:700px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.cohosts-header{margin-bottom:2rem}.cohosts-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.cohosts-header p{color:var(--text-secondary);margin:0}.cohosts-content{display:flex;flex-direction:column;gap:2rem}.add-cohost-section{padding:1.5rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.add-cohost-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.add-cohost-form{display:flex;gap:.75rem}.add-cohost-form select{flex:1}.info-message{padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius);color:var(--text-secondary)}.cohosts-list-section{padding:1.5rem;background:var(--background-alt);border-radius:var(--radius);border:1px solid var(--border-light)}.cohosts-list-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.empty-state{color:var(--text-secondary);font-style:italic;margin:0}.cohosts-list{display:flex;flex-direction:column;gap:.75rem}.cohost-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border-color)}.cohost-info{flex:1}.cohost-id{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.cohost-meta{font-size:.875rem;color:var(--text-light)}@media (max-width: 640px){.event-cohosts-container{padding:1rem}.event-cohosts-card{padding:1.5rem}.add-cohost-form{flex-direction:column}.cohost-row{flex-direction:column;align-items:flex-start;gap:.75rem}.cohost-row button{width:100%}}.delete-event-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-alt);padding:2rem}.delete-event-card{max-width:500px;width:100%;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.delete-header{margin-bottom:2rem}.btn-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;margin-bottom:1rem;font-size:.9rem;transition:color .2s ease}.btn-back:hover{color:var(--primary-color)}.delete-header h1{font-size:2rem;font-weight:700;color:var(--error);margin:0}.delete-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:.5rem}.delete-warning h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.delete-warning p{color:var(--text-secondary);margin:0 0 1rem}.delete-consequences{text-align:left;margin:1rem 0 0;padding-left:1.5rem;color:var(--text-secondary)}.delete-consequences li{margin:.5rem 0}.event-info-summary{background:var(--background-alt);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem;text-align:center}.event-info-summary h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.event-info-summary p{color:var(--text-secondary);margin:0}.delete-confirmation{margin-bottom:1.5rem}.delete-confirmation label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.delete-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.delete-event-container{padding:1rem}.delete-event-card{padding:1.5rem}.delete-actions{flex-direction:column}.delete-actions button{width:100%}}:root{--background: #0a0a0a;--background-alt: #121212;--background-dark: #1a1a1a;--background-card: #1e1e1e;--primary-color: #00d9ff;--primary-dark: #00b8d4;--primary-light: #40e0ff;--secondary-color: #ff6b35;--secondary-dark: #ff5500;--secondary-light: #ff8c69;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-light: #808080;--border-color: #2a2a2a;--border-light: #1e1e1e;--success: #00ff88;--error: #ff4444;--warning: #ffaa00;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 2px 4px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 8px 0 rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 20px 0 rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .5);--radius-sm: .5rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-full: 9999px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:48px;touch-action:manipulation;box-shadow:var(--shadow)}.btn-primary{background-color:var(--primary-color);color:var(--background);font-weight:600}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:var(--background);font-weight:600}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--background);transform:translateY(-2px)}.btn-full{width:100%}.input{width:100%;padding:.875rem 1.25rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--background-dark);color:var(--text-primary);transition:all .2s ease}@media (max-width: 767px){.input,textarea.input,select.input{font-size:16px}}.input:focus{outline:none;border-color:var(--primary-color);background-color:var(--background-card);box-shadow:0 0 0 3px #00d9ff26}.input::placeholder{color:var(--text-light)}.card{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all .2s ease}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width: 767px){.container{padding:0 1rem}.btn{padding:.625rem 1.25rem;font-size:.9375rem}.card{padding:1rem}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.phone-input{width:100%}.phone-input .PhoneInputInput{width:100%;padding:.875rem 1.25rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--background-dark);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.phone-input .PhoneInputInput:focus{outline:none;border-color:var(--primary-color);background-color:var(--background-card);box-shadow:0 0 0 3px #00d9ff26}.phone-input .PhoneInputInput::placeholder{color:var(--text-light)}.phone-input .PhoneInputCountry{margin-right:.5rem}.phone-input .PhoneInputCountryIcon{width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px var(--border-color)}.phone-input .PhoneInputCountrySelect{padding:.5rem;border:2px solid var(--border-color);border-radius:var(--radius);background-color:var(--background-dark);color:var(--text-primary);font-size:.875rem}.phone-input .PhoneInputCountrySelect:focus{outline:none;border-color:var(--primary-color);background-color:var(--background-card)}@media (max-width: 767px){.phone-input .PhoneInputInput{font-size:16px}}.contacts-container{min-height:100vh;background:var(--background)}.contacts-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);padding:0 2rem;background:var(--background-card);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:80px;z-index:10}.contacts-tab{background:none;border:none;border-bottom:3px solid transparent;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-bottom:-2px;white-space:nowrap}.contacts-tab:hover{color:var(--text-primary)}.contacts-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.contacts-main{max-width:1200px;margin:0 auto;padding:2rem}.contacts-tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contacts-actions{display:flex;gap:1rem;margin-bottom:2rem}.contacts-list{display:flex;flex-direction:column;gap:1rem}.contact-item{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.contact-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-item.ignored{opacity:.6}.contact-info{flex:1}.contact-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.contact-info p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.contact-note{font-style:italic;margin-top:.5rem!important}.contact-meta{font-size:.75rem!important;color:var(--text-light)!important}.contact-actions{display:flex;gap:.75rem;align-items:center}.contact-username{font-size:.875rem;color:var(--primary-color);font-weight:500;margin:.25rem 0!important;font-style:italic}.contact-status{font-size:.875rem;color:var(--text-secondary);font-style:italic;padding:.5rem}.btn-danger{background-color:var(--error);color:var(--background);border:none;padding:.5rem .75rem;font-size:.875rem}.btn-danger:hover{background-color:#c33;transform:translateY(-2px)}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.add-contact-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.invites-section{margin-bottom:2rem}.invites-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.invites-section details{margin-top:1rem}.invites-section summary{font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;list-style:none}.invites-section summary:hover{color:var(--text-primary)}.invites-section summary::-webkit-details-marker{display:none}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.empty-state{padding:3rem 2rem;text-align:center;background:var(--background-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary)}.empty-state p{margin:0;font-size:1rem}@media (max-width: 767px){.contacts-header{padding:.75rem 1rem}.home-header{padding:.625rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;overflow:visible}.profile-name{display:none}.header-actions .btn{padding:.5rem;min-width:36px;width:36px;height:36px;border-radius:var(--radius-full);font-size:0;position:relative}.header-actions .btn-primary:after{content:"+";font-size:1.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-actions .btn-secondary:after{content:"👥";font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-actions .btn>*{display:none}.contacts-tabs{padding:0 .75rem;gap:.25rem;top:60px}.contacts-tab{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap;flex-shrink:0}.contacts-main{padding:1rem}.contacts-actions{flex-direction:column}.contacts-actions .btn{width:100%}.contact-item{flex-direction:column;align-items:flex-start;gap:1rem}.contact-actions{width:100%;justify-content:stretch}.contact-actions .btn{flex:1}.modal-content{padding:1.5rem}@media (min-width: 481px) and (max-width: 767px){.home-header{padding:.75rem 1rem}.profile-name{display:block;font-size:.8125rem;max-width:100px}.header-actions .btn{padding:.5rem .75rem;font-size:.8125rem;min-width:auto;width:auto;height:auto;border-radius:var(--radius-lg)}.header-actions .btn-primary:after,.header-actions .btn-secondary:after{display:none}.header-actions .btn>*{display:block}}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}