.selfie-upload{margin-bottom:1rem}.help-text{font-size:.9rem;color:#666;margin-bottom:.5rem}.required{color:#e74c3c}.selfie-dropzone{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.selfie-dropzone:hover:not(.disabled){border-color:#007bff;background:#f0f8ff}.selfie-dropzone.dragover{border-color:#007bff;background:#e3f2fd}.selfie-dropzone.disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.selfie-dropzone.error{border-color:#e74c3c;background:#fdf2f2}.upload-icon{font-size:3rem;margin-bottom:1rem}.dropzone-content h4{margin:0 0 .5rem;color:#333}.dropzone-content p{margin:0 0 .5rem;color:#666}.dropzone-content small{color:#999}.selfie-preview{text-align:center}.preview-container{position:relative;display:inline-block;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-image{max-width:200px;max-height:200px;width:auto;height:auto;display:block}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:.5rem;opacity:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.file-info{margin-top:.5rem;color:#666}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.selfie-camera-trigger{border:2px solid #ddd;border-radius:8px;padding:2rem;text-align:center;background:#fafafa;transition:all .3s ease}.selfie-camera-trigger.disabled{opacity:.6;background:#f5f5f5}.selfie-camera-trigger.error{border-color:#e74c3c;background:#fdf2f2}.camera-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.camera-icon{font-size:3rem;margin-bottom:.5rem}.camera-content h4{margin:0;color:#333}.camera-content p{margin:0;color:#666;margin-bottom:1rem}.camera-container{border:2px solid #ddd;border-radius:8px;padding:1rem;background:#000;text-align:center}.camera-video{width:100%;max-width:640px;height:auto;border-radius:8px;background:#000}.camera-controls{margin-top:1rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.capture-btn{font-size:1.1rem;padding:.75rem 1.5rem}@media (max-width: 768px){.camera-video{max-width:100%}.camera-controls{flex-direction:column;align-items:center}.camera-controls button{width:100%;max-width:200px}.selfie-camera-trigger{padding:1.5rem}}.face-processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.face-processing-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 30px #0000004d}.processing-header h3{margin:0 0 .5rem;color:#333}.processing-header p{margin:0 0 1.5rem;color:#666;font-size:1.1rem}.progress-container{margin:1.5rem 0}.progress-bar{width:100%;height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:6px;transition:width .3s ease;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.progress-text{font-weight:600;color:#333;font-size:1.1rem}.processing-info{color:#666;margin:1.5rem 0;text-align:left}.info-item{display:flex;align-items:center;margin:.75rem 0;padding:.5rem;background:#f8f9fa;border-radius:6px}.info-icon{margin-right:.75rem;font-size:1.2rem}.processing-note{margin:1.5rem 0 0;color:#666;font-style:italic;font-size:.9rem}.face-recognition-active{text-align:center}.status-message{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#f0f8ff;border-radius:8px;margin-bottom:2rem}.status-icon{font-size:2rem}.status-message h4{margin:0 0 .5rem;color:#333}.status-message p{margin:0;color:#666}.processing-results{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.processing-results h4{margin:0 0 1rem;color:#333}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.result-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:6px}.result-number{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.5rem}.result-label{display:block;font-size:.9rem;color:#666}.waiting-message{text-align:center;padding:2rem;background:#fff9e6;border-radius:8px;margin-bottom:2rem}.waiting-icon{font-size:3rem;margin-bottom:1rem}.waiting-message h4{margin:0 0 1rem;color:#333}.waiting-message p{margin:0;color:#666;line-height:1.5}.setup-face-recognition{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.setup-icon{font-size:3rem;margin-bottom:1rem}.setup-face-recognition h4{margin:0 0 1rem;color:#333}.setup-face-recognition p{margin:0 0 1.5rem;color:#666;line-height:1.5}.my-photos-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.my-photo-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.my-photo-item:hover{transform:translateY(-2px)}.my-photo-item img{width:100%;height:200px;object-fit:cover}.my-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:1rem;transform:translateY(100%);transition:transform .2s ease}.my-photo-item:hover .my-photo-overlay{transform:translateY(0)}.face-count{font-size:.9rem;opacity:.9}.matched-indicator{display:inline-block;background:#28a745;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;margin-top:.5rem}.guests-table-container{margin-top:1rem;overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.guests-table{width:100%;border-collapse:collapse;background:#fff;min-width:400px}.guests-table thead{background:#f8f9fa}.guests-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.guests-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#374151}.guests-table tbody tr:hover{background:#f9fafb}.guests-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.guests-table th,.guests-table td{padding:.75rem .5rem;font-size:.875rem}.guests-table th{font-size:.75rem}}.my-photos-section{margin-top:1rem}.my-photos-info{margin-bottom:1.5rem;padding:1rem;background:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.photos-found-message{margin:0;color:#155724;font-weight:500;font-size:1rem}*{margin:0;padding:0;box-sizing:border-box}body{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:#f5f5f5}.App{min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#333;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background-color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px;border-radius:6px;margin-bottom:20px}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:12px;border-radius:6px;margin-bottom:20px}.navbar{background-color:#007bff;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;z-index:1001}.navbar-brand:hover{color:#fff;text-decoration:none}.desktop-menu{display:flex;gap:2rem}.navbar-item{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.navbar-item:hover{background-color:#ffffff1a;color:#fff;text-decoration:none}.desktop-user{display:flex;align-items:center;gap:1rem}.user-name{font-size:.9rem;color:#ffffffe6}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s;border-radius:2px}.navbar-toggle.active .hamburger-line{background-color:#333}.navbar-toggle.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.navbar-toggle.active .hamburger-line:nth-child(2){opacity:0}.navbar-toggle.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:999;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-content{padding:80px 0 20px;height:100%;display:flex;flex-direction:column}.mobile-user-info{padding:1rem 1.5rem;border-bottom:1px solid #eee;background:#f8f9fa}.mobile-user-name{font-weight:600;color:#333;font-size:1rem}.mobile-menu-items{flex:1;padding:1rem 0}.mobile-menu-item{display:block;padding:1rem 1.5rem;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s;font-size:1rem}.mobile-menu-item:hover{background-color:#f8f9fa;color:#007bff;text-decoration:none}.mobile-logout-btn{width:100%;padding:1rem 1.5rem;background:#dc3545;color:#fff;border:none;text-align:left;font-size:1rem;cursor:pointer;transition:background-color .2s;margin-top:auto}.mobile-logout-btn:hover{background:#c82333}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998}@media (max-width: 768px){.navbar-container{padding:0 15px}.navbar-brand{font-size:1.3rem}.desktop-menu,.desktop-user{display:none}.navbar-toggle{display:flex}}@media (min-width: 769px){.navbar-toggle,.mobile-menu,.mobile-menu-backdrop{display:none!important}}.user-name{font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{font-size:1.2rem;color:#007bff}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.event-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.event-card h3,.event-card h4{margin:0 0 10px;color:#333}.event-date{color:#666;font-size:.9rem}.event-stats{display:flex;gap:15px;margin:15px 0;font-size:.9rem;color:#666}.event-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap;align-items:center}.event-actions .btn{white-space:nowrap}.event-actions .btn:disabled{opacity:.6;cursor:not-allowed}.event-actions .btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.event-actions .btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.photo-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photo-item img{width:100%;height:200px;object-fit:cover}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}.photo-item:hover .photo-overlay{opacity:1}.file-upload{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s}.file-upload:hover{border-color:#007bff}.file-upload.dragover{border-color:#007bff;background-color:#f8f9fa}.qr-code-container{text-align:center;padding:20px}.qr-code-container img{max-width:300px;height:auto;border:1px solid #ddd;border-radius:8px}.new-landing-page{min-height:100vh;overflow-x:hidden}.hero-section{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:80px 20px 20px;position:relative}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{color:#fff}.hero-title{margin:0 0 30px;line-height:1.2}.brand-name{display:block;font-size:4rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{display:block;font-size:1.8rem;font-weight:400;opacity:.95}.hero-description{font-size:1.2rem;line-height:1.6;margin:0 0 40px;opacity:.9;max-width:500px}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-large{padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;min-width:180px}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}.hero-icon{font-size:12rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.floating-icons{position:absolute;width:100%;height:100%}.float-icon{position:absolute;font-size:3rem;animation:floatAround 4s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}.float-icon:nth-child(1){top:20%;left:10%;animation-delay:0s}.float-icon:nth-child(2){top:60%;right:15%;animation-delay:1.5s}.float-icon:nth-child(3){bottom:20%;left:20%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}.features-section{padding:100px 20px;background:#f8f9fa}.features-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:3rem;font-weight:700;margin:0 0 60px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-icon{font-size:4rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin:0 0 15px;color:#333}.feature-card p{font-size:1rem;line-height:1.6;color:#666;margin:0}.cta-section{padding:100px 20px;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center}.cta-content{max-width:600px;margin:0 auto;color:#fff}.cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 20px}.cta-content p{font-size:1.2rem;margin:0 0 40px;opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:15px}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;overflow:hidden;max-width:380px;width:100%;position:relative;max-height:95vh;display:flex;flex-direction:column}.modal-close{position:absolute;top:10px;right:10px;background:#0000001a;border:none;font-size:1.2rem;cursor:pointer;color:#666;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background:#0003;color:#333}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.brand-name{font-size:3rem}.hero-subtitle{font-size:1.4rem}.hero-description{font-size:1.1rem}.hero-buttons{justify-content:center}.btn-large{min-width:160px;padding:14px 28px}.hero-icon{font-size:8rem}.float-icon{font-size:2rem}.section-title{font-size:2.2rem}.features-grid{grid-template-columns:1fr;gap:30px}.feature-card{padding:30px 20px}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}}@media (max-width: 480px){.hero-section{padding:60px 15px 15px}.brand-name{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.btn-large{min-width:140px;padding:12px 24px;font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.features-section,.cta-section{padding:60px 15px}.features-grid{grid-template-columns:1fr}.feature-card{padding:25px 15px}.auth-modal{max-width:95%;margin:10px}.auth-form-container{padding:15px}.form-group{margin-bottom:12px}.form-group input{padding:8px;font-size:14px}.auth-submit{padding:10px;font-size:.95rem}}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:400px;width:100%}.auth-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.auth-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.auth-header p{margin:0;opacity:.9;font-size:1.1rem}.auth-form-container{padding:20px;flex:1;overflow-y:auto}.auth-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #eee}.tab{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#007bff}.tab.active{color:#007bff;border-bottom-color:#007bff}.auth-form{margin-bottom:15px}.auth-submit{width:100%;padding:12px;font-size:1rem;font-weight:600;margin-top:8px}.auth-switch{text-align:center;padding-top:15px;border-top:1px solid #eee;font-size:.9rem}.dashboard{min-height:calc(100vh - 80px);background-color:#f8f9fa;padding:40px 0}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{color:#333;margin-bottom:10px}.dashboard-header p{color:#666;font-size:1.1rem}.dashboard-actions{margin-bottom:50px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:800px;margin:0 auto}.action-card{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:2px solid transparent}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border-color:#007bff}.action-icon{font-size:3rem;margin-bottom:20px}.action-card h3{color:#333;margin-bottom:15px;font-size:1.5rem}.action-card p{color:#666;line-height:1.6}.events-section{margin-top:50px}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media (max-width: 768px){.events-grid{grid-template-columns:1fr}}.events-column h2{color:#333;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #007bff}.events-list{display:flex;flex-direction:column;gap:20px}.event-description{color:#666;font-size:.9rem;margin:10px 0;line-height:1.4}.event-owner{color:#888;font-style:italic}.empty-state{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.empty-state p{color:#666;margin-bottom:20px;font-size:1.1rem}.create-event-page{min-height:calc(100vh - 80px);background-color:#f8f9fa;padding:40px 0}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#333;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem}.form-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}@media (max-width: 768px){.form-container{grid-template-columns:1fr}}.event-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.form-actions{display:flex;gap:15px;margin-top:30px}.form-help{color:#666;font-size:.85rem;margin-top:5px}.event-preview{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;height:fit-content}.event-preview h3{margin-bottom:20px;color:#333}.preview-card{border:1px solid #eee;border-radius:8px;padding:20px}.preview-card h4{margin:0 0 10px;color:#333}.preview-date{color:#666;font-size:.9rem;margin-bottom:10px}.preview-description{color:#666;margin:10px 0;line-height:1.4}.preview-stats{display:flex;gap:15px;margin-top:15px;font-size:.9rem;color:#666}.join-event-page{min-height:calc(100vh - 80px);background-color:#f8f9fa;padding:40px 0}.join-form-container{max-width:600px;margin:0 auto}.event-lookup{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.input-group{display:flex;gap:10px}.input-group input{flex:1}.event-details{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.join-actions{display:flex;gap:15px;margin-top:20px}.join-help{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.join-help h4{margin-bottom:15px;color:#333}.join-help ul{color:#666;line-height:1.6}.auth-required{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:400px;margin:0 auto}.event-page{min-height:calc(100vh - 80px);background-color:#f8f9fa;padding:40px 0}.event-header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.event-header{flex-direction:column;gap:20px;padding:20px}.event-info{order:1;width:100%}.event-actions{order:2;width:100%;margin-top:0}.event-actions .btn{flex:1;min-width:120px}}.event-info h1{margin:0 0 15px;color:#333}.event-meta{display:flex;gap:20px;margin-bottom:15px;font-size:.9rem;color:#666}.event-tabs{display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;overflow:hidden}.event-tabs .tab{flex:1;padding:20px;border:none;background:#fff;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s}.event-tabs .tab.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr}}.overview-card{background:#f8f9fa;padding:25px;border-radius:8px}.overview-card h3{margin:0 0 20px;color:#333}.detail-item{margin-bottom:15px;color:#333}.detail-item strong{color:#333;display:block;margin-bottom:5px}.detail-item p{color:#666;margin:5px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#007bff}.stat-label{color:#666;font-size:.9rem}.recent-photos h3{margin-bottom:20px;color:#333}.photo-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.photo-thumbnail{aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.photos-header h3{margin:0;color:#333}.guests-list{display:flex;flex-direction:column;gap:15px}.guest-item{background:#f8f9fa;padding:20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.guest-info strong{display:block;color:#333;margin-bottom:5px}.guest-info span{color:#666;font-size:.9rem}.share-options{display:flex;flex-direction:column;gap:30px}.share-option h4{margin:0 0 15px;color:#333}.share-item{display:flex;gap:10px;margin-bottom:10px}.share-input{flex:1;background-color:#f8f9fa;border:1px solid #ddd;color:#333;padding:8px 12px;border-radius:4px}.share-option p{color:#666;font-size:.9rem;margin:0;line-height:1.4}.share-option h4{color:#333;margin:0 0 15px;font-weight:600}.error-page{min-height:calc(100vh - 80px);background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.error-content{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:500px}.error-content h2{color:#333;margin-bottom:15px}.error-content p{color:#666;margin-bottom:30px;line-height:1.6}.photo-upload{margin-bottom:30px}.file-upload.uploading{pointer-events:none;opacity:.7}.upload-content{text-align:center}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-content h4{margin:0 0 10px;color:#333}.upload-content p{color:#666;margin-bottom:10px}.upload-content small{color:#888;font-size:.85rem}.upload-progress{text-align:center;padding:20px}.upload-spinner{font-size:2rem;margin-bottom:10px;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.upload-error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-top:15px;border:1px solid #f5c6cb}.upload-progress-list{margin-top:15px}.progress-item{margin-bottom:10px}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#007bff;transition:width .3s ease}.empty-gallery{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-gallery h3{margin-bottom:10px;color:#333}.btn-danger{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.photo-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.photo-modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:400px}.modal-close{position:absolute;top:15px;right:15px;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#000000b3}.modal-image{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;overflow:hidden}.modal-image img{max-width:100%;max-height:calc(90vh - 200px);object-fit:contain}.modal-info{padding:20px;border-top:1px solid #eee;flex-shrink:0}.photo-meta{margin-bottom:20px}.photo-meta p{margin:5px 0;color:#666;font-size:.9rem}.modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}.modal-actions .btn{min-width:120px;text-align:center}@media (max-width: 768px){.photo-modal-content{max-width:95vw;max-height:95vh;min-height:300px}.modal-image img{max-height:calc(95vh - 180px)}.modal-info{padding:15px}.modal-actions{flex-direction:column;align-items:center}.modal-actions .btn{width:100%;max-width:200px}}.auth-options{margin-top:20px}.auth-prompt{margin-bottom:20px;text-align:center;color:#666}.auth-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.auth-form{background:#f8f9fa;padding:30px;border-radius:12px;border:1px solid #e9ecef;margin-top:20px}.auth-form h4{margin-bottom:20px;text-align:center;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-actions{display:flex;gap:15px;margin-top:25px}.form-actions .btn{flex:1}.auth-switch{text-align:center;margin-top:20px;color:#666}.link-button{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:inherit}.link-button:hover{color:#0056b3}.joining-status{text-align:center;padding:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.authenticated-state{text-align:center;margin-top:20px}@media (max-width: 768px){.auth-buttons,.form-actions{flex-direction:column}.auth-form{padding:20px}}.guest-info{background:#fff;border-radius:12px;padding:30px;margin-top:30px;box-shadow:0 2px 10px #0000001a}.guest-info h3{color:#333;margin-bottom:20px;font-size:1.5rem}.guest-features{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h4{color:#333;margin-bottom:8px;font-size:1.1rem}.feature-content p{color:#666;margin:0;line-height:1.5}.my-photos-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.my-photos-header{text-align:center;margin-bottom:30px}.my-photos-header h3{color:#333;margin-bottom:10px;font-size:1.8rem}.my-photos-header p{color:#666;font-size:1.1rem}.coming-soon-message{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #dee2e6}.coming-soon-icon{font-size:4rem;margin-bottom:20px}.coming-soon-message h4{color:#333;margin-bottom:15px;font-size:1.5rem}.coming-soon-message>p{color:#666;margin-bottom:30px;font-size:1.1rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.feature-preview{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}.preview-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.preview-icon{font-size:1.2rem}.preview-item span:last-child{color:#333;font-weight:500}.coming-soon-message .note{color:#495057;font-size:.95rem;margin:0;padding:15px 20px;background:#ffffffb3;border-radius:8px;border:1px solid #dee2e6}.join-prompt{background:#fff;border-radius:12px;padding:30px;margin-top:30px;box-shadow:0 2px 10px #0000001a;border:2px solid #007bff}.join-prompt h3{color:#333;margin-bottom:20px;font-size:1.5rem;text-align:center}.join-message{text-align:center}.join-icon{font-size:3rem;margin-bottom:15px}.join-message h4{color:#333;margin-bottom:15px;font-size:1.3rem}.join-message>p{color:#666;margin-bottom:25px;font-size:1.1rem;line-height:1.6}.join-benefits{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto}.benefit-item{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f8f9fa;border-radius:8px;border-left:3px solid #007bff}.benefit-icon{font-size:1.2rem}.benefit-item span:last-child{color:#333;font-weight:500}@media (max-width: 768px){.guest-features{gap:15px}.feature-item{padding:15px;gap:12px}.feature-icon{font-size:1.5rem}.coming-soon-message{padding:30px 15px}.coming-soon-icon{font-size:3rem}.feature-preview{gap:12px}.preview-item{padding:10px 15px}.join-prompt{padding:20px;margin-top:20px}.join-icon{font-size:2.5rem}.join-benefits{gap:10px}.benefit-item{padding:8px 12px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}