body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{border-bottom:1px solid #333;box-sizing:border-box;left:0;margin:0;padding:16px 0;right:0;top:0;width:100vw}.app-header .container{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.app-title{font-weight:700}.logo-image{height:30px;max-width:200px;object-fit:contain;width:auto}.app-nav{display:flex;gap:30px}.app-nav a{color:#bbb;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .2s ease}.app-nav a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.app-nav a.active-nav:after,.app-nav a:hover:after{width:100%}.app-nav a.active-nav,.app-nav a:hover{color:#fff}.user-info{align-items:center;display:flex}.user-dropdown{cursor:pointer;display:inline-block;position:relative}.user-name-display{align-items:center;border-radius:4px;display:flex;gap:8px;padding:4px 8px;transition:background-color .2s}.user-name-display:hover{background-color:#ffffff1a}.user-name{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;display:block;margin-top:8px;min-width:200px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:4px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background-color:#f3f4f6}.login-link{border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s}.login-link:hover{background-color:#ffffff1a}.confirmation-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;max-width:420px;padding:24px;transform-origin:center center;width:90%}.confirmation-dialog-header{align-items:center;display:flex;margin-bottom:16px}.confirmation-dialog-header .icon-container{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.confirmation-dialog.delete .icon-container{background-color:#ef44441a;color:#ef4444}.confirmation-dialog.warning .icon-container{background-color:#f59e0b1a;color:#f59e0b}.confirmation-dialog.info .icon-container{background-color:#3b82f61a;color:#3b82f6}.confirmation-dialog-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.confirmation-dialog-content{margin-bottom:24px;margin-left:64px}.confirmation-dialog-content p{color:#4b5563;font-size:15px;line-height:1.5;margin:0}.confirmation-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirmation-dialog-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirmation-dialog-actions .cancel-button{background-color:#f3f4f6;color:#4b5563}.confirmation-dialog-actions .cancel-button:hover{background-color:#e5e7eb}.confirmation-dialog-actions .confirm-button{color:#fff}.confirmation-dialog-actions .confirm-button.delete{background-color:#ef4444}.confirmation-dialog-actions .confirm-button.delete:hover{background-color:#dc2626}.confirmation-dialog-actions .confirm-button.warning{background-color:#f59e0b}.confirmation-dialog-actions .confirm-button.warning:hover{background-color:#d97706}.confirmation-dialog-actions .confirm-button.info{background-color:#3b82f6}.confirmation-dialog-actions .confirm-button.info:hover{background-color:#2563eb}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.templates-page{background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.templates-container{margin:0 auto;max-width:1200px;padding:40px 20px}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.templates-header h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0}.create-template-btn{align-items:center;background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.create-template-btn:hover{background-color:#333;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.template-card{border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;position:relative;transition:all .2s}.template-card:hover{box-shadow:0 8px 16px #0000001f}.template-link{color:inherit;display:block;height:100%;position:relative;text-decoration:none;z-index:1}.template-thumbnail{align-items:flex-start;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;height:320px;justify-content:center;overflow:hidden;padding:0;position:relative}.template-thumbnail-wrapper{display:block;height:100%;overflow:hidden;padding:0;width:100%}.template-thumbnail-image{border:none;box-shadow:0 2px 10px #0000001a;display:block;min-height:320px;object-fit:cover;object-position:top center;transition:opacity .3s ease;width:100%}.template-thumbnail img{position:relative;z-index:2}.placeholder-thumbnail{background-color:#f5f5f5;color:#aaa;height:100%;width:100%}.placeholder-thumbnail svg{height:64px;opacity:.6;width:64px}.template-card h3{background-color:#fff;border-top:1px solid #f0f0f0;color:#333;font-size:16px;margin:0;overflow:hidden;padding:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.delete-template-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#d32f2f;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:0;top:-310px;transition:opacity .2s;width:32px;z-index:10}.template-card:hover .delete-template-btn{opacity:1}.delete-template-btn:hover{background-color:#fff;transform:scale(1.1)}.no-templates{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#666;font-size:18px;grid-column:1/-1;padding:60px 20px;text-align:center}.template-card.admin-template{border:2px solid #4a6cf7;box-shadow:0 4px 10px #4a6cf71a}.template-card.published-template{position:relative}.template-card.published-template:after{background-color:#4caf50;border-radius:50%;box-shadow:0 0 0 2px #fff;content:"";height:10px;position:absolute;right:10px;top:10px;width:10px}.template-actions{bottom:12px;display:flex;gap:8px;position:absolute;right:12px}.template-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;z-index:5}.published-badge{background-color:#4caf50;color:#fff;right:10px;top:10px;z-index:4}.admin-badge{background-color:#4a6cf7;color:#fff;left:10px;top:10px}.publish-template-btn{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.publish-template-btn:hover{background-color:#e5e5e5;transform:translateY(-1px)}.publish-template-btn.published{background-color:#4caf50;color:#fff}.publish-template-btn.published:hover{background-color:#43a047}.thumbnail-error{background-color:#ffebee;position:relative}.thumbnail-error:after{background-color:#fffc;border-radius:4px;color:#d32f2f;content:"Image Error";font-size:14px;left:50%;padding:4px 8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.templates-actions{align-items:center;display:flex;gap:10px}.refresh-button{background-color:#f0f0f0;border:1px solid #ccc;padding:8px 16px}.refresh-button:hover{background-color:#e0e0e0}.refresh-button.refreshing{background-color:#e0e0e0;cursor:not-allowed;opacity:.7}.template-thumbnail img.has-path{border:2px solid #4caf50}.template-thumbnail img.no-path{border:2px solid #ff9800}.loading-spinner{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:200px}.empty-state{padding:50px 20px}.create-first-template-btn{background-color:#4285f4;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.create-first-template-btn:hover{background-color:#3367d6}.template-thumbnail:before{animation:loadingSpinner 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3498db;content:"";height:30px;left:50%;margin:-15px 0 0 -15px;opacity:.7;position:absolute;top:50%;width:30px;z-index:1}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.template-thumbnail-image.has-path{border:2px solid #4caf50;box-shadow:inset 0 0 0 1px #ffffff4d}.template-thumbnail-image.no-path{border:2px solid #ff9800;box-shadow:inset 0 0 0 1px #ffffff4d}.home-page{background-color:#f8f9fa;color:#333;min-height:100vh}.dashboard-container{margin:0 auto;max-width:1280px;padding:0 24px 40px}.welcome-section{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 8px 30px #00000014;color:#222;display:flex;justify-content:space-between;margin:24px 0 32px;overflow:hidden;padding:40px 0;position:relative}.welcome-section:after{background-image:none;content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;width:40%}.welcome-content{max-width:60%;padding:0 40px;position:relative;z-index:2}.welcome-content h1{color:#222;font-size:2.5rem;font-weight:700;margin-bottom:8px}.welcome-subtitle{color:#666;font-size:1.1rem;margin-top:0}.welcome-image{align-items:center;display:flex;justify-content:flex-end;max-width:40%;padding-right:80px;z-index:2}.welcome-image img{border-radius:0;height:auto;max-width:180px}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.dashboard-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;overflow:hidden;padding:24px}.section-header{margin-bottom:24px}.section-header h2{color:#222;font-size:1.5rem;font-weight:600;margin:0}.view-all-link{align-items:center;color:#555;display:flex;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.view-all-link:hover{color:#000}.view-all-link svg{margin-left:8px;transition:transform .2s}.view-all-link:hover svg{transform:translateX(3px)}.events-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.event-card,.events-grid{box-sizing:border-box;width:100%}.event-card{border:1px solid #00000014;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:inherit;padding:0;text-decoration:none;transition:all .3s ease}.event-card:hover{border-color:#0000001f;box-shadow:0 8px 24px #00000014}.event-card-content{flex:1 1;padding:16px}.event-card h3{color:#222;font-size:1.1rem;font-weight:600;margin:0 0 8px}.event-meta{color:#666;font-size:.85rem;gap:4px}.card-indicator{align-items:center;background:#f5f5f5;border-top:1px solid #0000000d;color:#999;display:flex;height:40px;justify-content:flex-end;padding:0 16px;transition:all .2s}.event-card:hover .card-indicator{background:#f0f0f0;color:#333}.create-card{align-items:center;background-color:#fff;background-color:#00000003;border:2px dashed #ddd;border-radius:10px;box-shadow:0 2px 10px #00000008;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:140px;padding:20px;text-decoration:none;transition:all .3s ease;width:100%}.create-card:hover{background-color:#00000005;border-color:#333}.create-card-icon{align-items:center;background-color:#0000000d;border-radius:50%;color:#333;display:flex;height:50px;justify-content:center;transition:all .2s;width:50px}.create-card:hover .create-card-icon{background-color:#333;color:#fff;transform:scale(1.05)}.create-card span{color:#666;font-weight:500;transition:color .2s}.create-card:hover span{color:#333}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-card{align-items:center;background-color:#fff;border:1px solid #0000000f;border-radius:8px;color:inherit;display:flex;justify-content:space-between;padding:16px;text-decoration:none;transition:all .2s}.invitation-card:hover{background-color:#4a6cf708;border-color:#4a6cf733;transform:translateX(5px)}.invitation-content h3{color:#222;font-size:1rem;margin:0 0 4px}.invitation-event{color:#666;font-size:.85rem;margin:0}.invitation-status{font-size:.8rem}.status{border-radius:20px;font-weight:500;padding:4px 10px}.status.published{background-color:#27ae601a;color:#27ae60}.status.draft{background-color:#f2994a1a;color:#f2994a}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.template-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000d;transition:all .3s}.template-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.template-preview{background-color:#f2f4f8;height:140px;overflow:hidden}.template-placeholder{align-items:center;background-color:#e9ecef;color:#6c757d;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center}.template-info h3{color:#222;font-size:1rem;margin:0 0 12px}.use-template-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 0;transition:all .2s;width:100%}.use-template-btn:hover{background-color:#000}.create-template-card{align-items:center;background-color:#00000003;border:2px dashed #ddd;border-radius:10px;color:inherit;display:flex;flex-direction:column;gap:12px;height:220px;justify-content:center;text-decoration:none;transition:all .2s}.create-template-card:hover{background-color:#00000005;border-color:#333}.create-template-card .create-card-icon{height:56px;width:56px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#ccc;margin-bottom:16px}.empty-state p{color:#888;font-size:1rem;margin:0 0 24px}.create-new-btn{background-color:#333;border:none;border-radius:6px;color:#fff;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.create-new-btn:hover{background-color:#000;transform:translateY(-2px)}.loading-placeholder{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.loading-card{animation:loading-pulse 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;height:160px}@keyframes loading-pulse{0%{background-position:0 0}to{background-position:-200% 0}}@media (max-width:768px){.welcome-section{flex-direction:column;padding:30px 0}.welcome-content{max-width:100%;padding:0 20px;text-align:center}.welcome-image{justify-content:center;max-width:100%;padding:20px 0 0}.welcome-image img{max-width:120px}.welcome-content h1{font-size:2rem}.dashboard-container{padding:0 16px 32px}.dashboard-section{padding:20px 16px}.welcome-section{margin:16px 0 24px}}@media (min-width:992px){.dashboard-content{grid-template-columns:2fr 1fr}.events-section,.templates-section{grid-column:span 2}}@media (min-width:1200px){.dashboard-content{grid-template-columns:3fr 2fr}}.sidebar{background-color:#f5f5f7;border-right:1px solid #0000000f;overflow-y:auto;padding:20px 5px;position:relative}.right-sidebar{border-left:1px solid #333;right:0}.sidebar-elements{width:100%}.sidebar-section{gap:24px;margin-bottom:32px}.sidebar-button,.sidebar-section{align-items:center;display:flex;flex-direction:column}.sidebar-button{background:none;border:none;cursor:pointer;gap:8px;justify-content:center;padding:8px 0;transition:opacity .2s ease;width:50px}.sidebar-button:hover{background:none;opacity:.7}.sidebar-button:active{background:none;opacity:.5}.icon-container{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.sidebar-button:hover .icon-container{box-shadow:none;transform:none}.button-label{color:#666;font-size:12px;font-weight:400}.icon-container svg{height:24px;width:24px}.icon-container svg,.icon-container svg path{stroke:#666;fill:none;stroke-width:1.5}.icon{color:#666;font-size:20px;font-weight:400}.sidebar h3{color:#333;font-size:16px;margin-bottom:16px}.elements-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.element-item{align-items:center;background-color:#f8f8f8;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:12px 8px;transition:all .2s}.element-item:hover{background-color:#f0f0f0}.element-icon{font-size:20px;margin-bottom:6px}.element-label{font-size:12px;text-align:center}.icon-selector{animation:slideIn .3s ease-out;border-right:1px solid #0000001a;box-shadow:2px 0 5px #0000000d;height:100vh;left:70px;position:fixed;top:0;width:300px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.icon-selector-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.icon-selector-title{color:#111827;font-size:16px;font-weight:500}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s}.close-button:hover{color:#111827}.search-container{border-bottom:1px solid #e5e7eb;padding:16px}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.category-tabs{border-bottom:1px solid #e5e7eb;overflow-x:auto;padding:8px 16px}.category-tab{background:none;border:none;color:#6b7280;font-size:14px;white-space:nowrap}.category-tab:hover{background-color:#f3f4f6}.category-tab.active{background-color:#4f46e5}.icons-grid{grid-gap:16px;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));padding:16px}.icon-item{border-radius:6px;flex-direction:column;padding:12px 8px}.icon-item svg{height:24px;margin-bottom:6px;width:24px}.icon-name{color:#6b7280;font-size:12px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.rsvp-form-container{padding:40px 30px 30px;position:relative}.rsvp-form-container h2{color:#333;font-size:28px;font-weight:600;margin:0 0 10px;text-align:center}.rsvp-form-container p{color:#666;font-size:16px;margin:0 0 30px;text-align:center}.form-row{margin-bottom:24px}.form-group{flex:1 1;min-height:70px;position:relative}.form-group label{color:#333;margin-bottom:10px}.form-group input,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;font-size:15px;height:46px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:disabled,.form-group textarea:disabled,.submit-rsvp:disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.7}.form-group textarea{height:100px;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.form-group input.error,.form-group textarea.error{background-color:#fff;border-color:#e53935;border-width:1px}.form-group.has-error label{color:#e53935}.error-message{background-color:#fffffff2;bottom:-20px;box-shadow:0 1px 2px #e539351a;color:#e53935;display:block;font-size:12px;padding:2px 8px;position:absolute;right:0;z-index:5}.submit-rsvp{background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 2px 6px #4caf5033;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:16px auto 0;max-width:300px;padding:14px 34px;transition:all .3s ease;width:100%}.submit-rsvp:hover:not(:disabled){background-color:#388e3c;box-shadow:0 6px 12px #4caf5040;transform:translateY(-2px)}.submit-rsvp:active:not(:disabled){box-shadow:0 3px 6px #4caf5026;transform:translateY(0)}.rsvp-success{padding:60px 20px}.rsvp-success h3{font-size:28px;margin-bottom:15px}.rsvp-success p{color:#555;margin:0}@media (max-width:480px){.form-row{flex-direction:column;gap:0}.rsvp-form-container{padding:35px 20px 20px}.form-group{margin-bottom:30px}}.form-mode-message{background-color:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;color:#666;font-size:14px;margin-top:20px;padding:10px 15px;text-align:center}.form-mode-message p{font-size:14px;font-style:italic;margin:0}.rsvp-button-element{align-items:center;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-weight:600;justify-content:center;letter-spacing:1px;padding:0 20px;text-transform:uppercase;transition:all .3s ease}.rsvp-button-element.edit-mode{cursor:grab;opacity:.9;position:relative}.button-edit-hint{background-color:#000000b3;border-radius:4px;color:#fff;font-size:12px;left:0;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transition:opacity .2s ease;white-space:nowrap;z-index:1000}:hover>.button-edit-hint{opacity:1}.edit-mode-notification{animation:fadeInOut 2s ease forwards;background-color:#000c;border-radius:8px;bottom:30px;color:#fff;font-size:14px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:10000}.rsvp-button-element:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.rsvp-button-element.edit-mode:hover{box-shadow:0 2px 4px #0000001a;transform:none}.rsvp-button-element:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.rsvp-button-element:disabled{cursor:default;opacity:.7;transform:none}.rsvp-form-modal-overlay{height:100%;width:100%}.rsvp-form-modal{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh}.rsvp-form-modal-close{background-color:#f5f5f5;color:#333;height:30px;right:15px;top:15px;transition:background-color .2s;width:30px;z-index:1}.rsvp-form-modal-close:hover{background-color:#e0e0e0}.rsvp-form-element{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 8px #0000000d;box-sizing:border-box;height:100%;max-width:100%;overflow:auto;position:relative;width:100%}.rsvp-form-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999}.rsvp-form-modal{background-color:#fff;border-radius:16px;box-shadow:0 15px 35px #00000040;margin:0 auto;max-height:90vh;max-width:550px;min-width:320px;overflow:hidden;overflow-y:auto;position:relative;width:90%}.rsvp-form-modal-close{align-items:center;background-color:#0000000d;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:34px;z-index:10}.rsvp-form-modal-close:hover{background-color:#0000001a;transform:rotate(90deg)}.rsvp-form-modal-close svg{color:#4b5563;height:16px;width:16px}.rsvp-success{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;height:100%;justify-content:center;padding:50px;text-align:center}.rsvp-success h3{color:#4caf50;font-size:32px;font-weight:600;margin-bottom:20px}.rsvp-success p{color:#4b5563;font-size:18px;line-height:1.6;margin:0 auto;max-width:350px}.rsvp-form-error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:5px;color:#c62828;font-size:14px;margin:15px 30px 0;padding:12px 20px}.rsvp-form-error p{line-height:1.5;margin:0}.rsvp-form-element .rsvp-form-container,.rsvp-form-modal .rsvp-form-container{padding:35px}.rsvp-form-element .form-row,.rsvp-form-modal .form-row{gap:24px;margin-bottom:24px}.rsvp-form-element .form-group,.rsvp-form-modal .form-group{margin-bottom:24px}.rsvp-form-element .form-row .form-group+.form-group,.rsvp-form-modal .form-row .form-group+.form-group{margin-left:24px}@media (max-width:480px){.rsvp-form-element{min-height:500px}.rsvp-form-modal{max-height:95vh;width:95%}.rsvp-form-element .rsvp-form-container,.rsvp-form-modal .rsvp-form-container{padding:25px}.rsvp-form-element .form-row .form-group+.form-group,.rsvp-form-modal .form-row .form-group+.form-group{margin-left:0}}.rsvp-form-container,.rsvp-form-element .form-row{box-sizing:border-box;max-width:100%;width:100%}.rsvp-form-element .form-row{display:flex;flex-wrap:wrap}.rsvp-form-element .form-group{box-sizing:border-box;flex:1 1 200px;max-width:100%;min-width:0}.rsvp-form-element input,.rsvp-form-element textarea{box-sizing:border-box;max-width:100%;width:100%}.background-element-editor{background-color:#f5f5f5e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;gap:15px;height:100%;padding:15px;width:100%}.background-type-selector{display:flex;gap:10px}.type-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;padding:8px;transition:all .2s ease}.type-btn.active{background:#7c4dff;border-color:#7c4dff;color:#fff}.color-selector,.image-selector{display:flex;flex-direction:column;gap:8px}.color-selector label,.image-selector label{font-weight:500;margin-bottom:4px}.color-selector input[type=color]{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;width:100%}.image-selector input[type=file]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px}.preview-image{border:1px solid #ddd;border-radius:4px;margin-top:10px;max-height:150px;overflow:hidden}.preview-image img{height:auto;object-fit:cover;width:100%}.upload-status{color:#7c4dff;font-size:14px;margin-top:5px}.background-instructions{background-color:#fffc;border-left:3px solid #7c4dff;border-radius:4px;color:#666;font-size:13px;margin-top:10px;padding:10px}.background-instructions p{margin:5px 0}.background-element-placeholder{align-items:center;background-color:#f5f5f5e6;border:2px dashed #7c4dff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:100%;padding:15px;width:100%}.background-icon{align-items:center;background-color:#7c4dff1a;border-radius:50%;color:#7c4dff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:15px;width:48px}.background-icon svg{stroke:#7c4dff;height:24px;width:24px}.background-element-text{flex:1 1}.background-title{color:#333;font-size:16px;font-weight:600;margin-bottom:5px}.background-description{color:#666;font-size:14px;margin-bottom:5px}.background-info{color:#7c4dff;font-size:12px;font-style:italic}.element-wrapper[data-element-type=background]{height:75px!important;transition:opacity .2s ease;width:250px!important;z-index:-1000!important}.element-wrapper[data-element-type=background]:not(.selected){opacity:.5}.element-wrapper[data-element-type=background].selected{opacity:1}.element-wrapper[data-element-type=background].preview-mode{border:none!important;box-shadow:none!important;height:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important}.icon-element{align-items:center;display:flex;justify-content:center;min-height:24px;min-width:24px;position:absolute;transition:all .2s ease}.icon-element.selected:not(.preview-mode),.icon-element:hover:not(.preview-mode){border-radius:4px;outline:2px solid #4f46e5;outline-offset:2px}.icon-element svg{height:100%;transition:transform .2s ease;width:100%}.element{border:1px solid #0000;box-sizing:border-box;min-height:50px;min-width:50px;padding:8px;position:absolute;touch-action:none;transform-origin:center center}.element.selected{border:2px solid #7c4dff;border-radius:2px;position:relative;z-index:10}.element.selected:before{border:2px solid #7c4dff4d;border-radius:2px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.element.preview-mode{border:none!important;box-shadow:none!important;overflow:visible!important;padding:0!important;transform-origin:left top!important}.element.preview-mode .line-element,.element.preview-mode[data-shape-type=line]{left:0!important;transform:none!important;width:100%!important}.element.preview-mode .text-content{max-width:100%!important;width:100%!important}.element.preview-mode img{display:block;height:100%;object-fit:cover;width:100%}.element-controls{bottom:-50px;display:flex;gap:10px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:1000}.control-btn{align-items:center;background-color:#7c4dff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.control-btn:hover{background-color:#6c3df8}.element-wrapper{position:absolute;transition:transform .1s ease}.element-wrapper.selected{outline:2px solid #7c4dff;outline-offset:2px;z-index:10}.element-wrapper.preview-mode{outline:none;pointer-events:all}.resize-handle{background-color:#7c4dff;border:2px solid #fff;border-radius:50%;bottom:-10px;box-shadow:0 2px 4px #0000004d;cursor:se-resize!important;height:20px;position:absolute;right:-10px;touch-action:none;width:20px;z-index:1000}.resize-handle:hover{background-color:#6c3df8;transform:scale(1.1)}.rotation-handle{align-items:center;background-color:#7c4dff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:grab!important;display:flex;height:30px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:-35px;touch-action:none;transform:translateX(-50%);width:30px;z-index:1000}.rotation-handle:hover{background-color:#6c3df8}@media (max-width:768px){.resize-handle{bottom:-12px;height:24px;right:-12px;width:24px}.rotation-handle{height:34px;width:34px}.canvas.device-mobile .element-wrapper{cursor:move!important}}.element p{height:100%;margin:0;overflow:visible;white-space:normal;width:100%;word-break:break-word}.element[contenteditable=true]{cursor:text;outline:none}.text-content{height:100%;outline:none;pointer-events:all;width:100%;word-break:break-word}.text-content.editing{cursor:text!important;min-height:20px;outline:1px solid #7c4dff}.edit-hint{background-color:#000000b3;border-radius:4px;color:#fff;font-size:12px;left:0;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transition:opacity .2s ease;z-index:1000}.element-wrapper:hover .edit-hint{opacity:1}.element-wrapper:not(.editing) .text-content{user-select:none;-webkit-user-select:none}.element-wrapper .text-content.editing{user-select:text;-webkit-user-select:text}.canvas{background-color:#fff;background-image:radial-gradient(circle,#e0e0e0 1px,#0000 0);background-size:20px 20px;min-height:100vh;padding-bottom:200px;position:relative;transition:min-height .3s ease;width:100%}.canvas.preview-mode{background-color:#fff;background-image:none;padding-bottom:0!important}.canvas:before{content:"";height:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.canvas:before,.canvas:hover:before{background-color:initial}.canvas:not(.preview-mode){box-shadow:0 2px 8px #0000001a;margin:20px 0}.main-content{background-color:#f0f0f0;height:100%;overflow-y:auto!important}.canvas-container{border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow:0 0 10px #0000001a;height:auto;margin:0 auto;min-height:100%;transition:width .3s ease,max-width .3s ease}.app-content{height:calc(100vh - 60px)}.canvas-container.desktop-view{max-width:1140px;width:100%}.canvas-container.mobile-view{max-width:375px;width:375px}.canvas.device-mobile .element-wrapper{transform-origin:top left!important;transition:transform .3s ease,width .3s ease,font-size .3s ease!important}.canvas.device-mobile .element-wrapper[data-element-type=text]{box-sizing:border-box!important;left:0!important;max-width:100%!important;padding-left:20px!important;padding-right:20px!important;right:0!important;width:100%!important}.canvas.device-mobile .element-wrapper[data-element-type=text] .text-content{font-size:12.8px!important;font-size:calc(var(--base-font-size, 16px)*.8)!important;line-height:1.3!important;width:100%!important}.canvas.device-mobile .element-wrapper[data-element-type=image]{height:auto!important;max-width:100%!important;width:auto!important}.canvas.device-mobile .element-wrapper[data-element-type=image] img{height:auto!important;max-width:100%!important;object-fit:contain!important}.canvas.device-mobile .element-wrapper[data-element-type=rsvp-button]{left:50%!important;max-width:90%!important;transform:translateX(-50%)!important}.canvas.device-mobile .element-wrapper{box-sizing:border-box!important;margin-left:20px!important;margin-right:20px!important;width:calc(100% - 40px)!important}.canvas.device-mobile .element-wrapper[data-element-type=rsvp-form]{left:20px!important;max-width:none!important;right:20px!important;width:calc(100% - 40px)!important}.canvas.device-mobile .element-wrapper{position:absolute!important;transform:scale(.7)!important;transform-origin:left top!important}.canvas.device-mobile .element-wrapper[data-element-type=image]{margin-left:auto!important;margin-right:auto!important;max-width:95%!important;transform:scale(.95)!important}.canvas.device-mobile .element-wrapper[data-preserve-position=true]{left:20px!important;position:absolute!important;transform:scale(.7)!important;transform-origin:top left!important}.canvas.device-mobile .element-wrapper[data-element-content=text],.canvas.device-mobile .element-wrapper[data-element-type=image]+.element-wrapper[data-element-type=text]{position:absolute!important;top:attr(data-original-y px)!important;transform:none!important;width:calc(100% - 40px)!important}.canvas.device-mobile{min-height:200vh!important}.image-element-container{display:inline-block;position:relative}.image-loading-overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.spinner{animation:spin 1s ease-in-out infinite;margin-bottom:10px}.layer-panel{color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.layer-panel-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:12px 16px}.layer-panel-title{color:#333;font-size:14px;font-weight:600}.close-layer-panel{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.close-layer-panel:hover{background-color:#0000000d;color:#333}.layer-tabs{background-color:#f5f5f5;border-radius:8px;display:flex;overflow:hidden}.layer-tab{color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;text-align:center;transition:background-color .2s ease}.layer-tab.active{background-color:initial;color:#333;position:relative}.layer-tab.active:after{background:#4a6cf7;border-radius:1px;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%}.layer-list{flex:1 1;overflow-y:auto;padding:8px}.layer-item{align-items:center;background-color:#f8f8f8;border-radius:4px;cursor:pointer;display:flex;margin-bottom:6px;padding:8px;transition:background-color .2s}.layer-item:hover{background-color:#f0f0f0}.layer-item.selected{background-color:#e6f2ff}.drag-handle{color:#666;cursor:grab;margin-right:10px;opacity:.5}.layer-item:hover .drag-handle{opacity:.8}.layer-preview-wrapper{align-items:center;display:flex;flex:1 1;height:32px;min-width:0;overflow:hidden}.layer-preview-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-preview-visual{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.shape-preview{border-radius:2px;height:24px;width:24px}.shape-preview.shape-circle{border-radius:50%}.shape-preview.shape-triangle{background-color:initial!important;border-bottom:24px solid;border-left:12px solid #0000;border-right:12px solid #0000;height:0;width:0}.background-preview{border:1px solid #fff3;border-radius:2px;height:24px;width:24px}.button-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:4px;margin-left:10px;opacity:.4;transition:opacity .2s ease}.layer-item:hover .layer-actions{opacity:1}.layer-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.layer-btn:hover{background-color:#0000001a;color:#333}.no-layers-message{color:#777;font-size:13px;padding:20px;text-align:center}.element-properties{background-color:#fff;border-left:1px solid #00000014;box-shadow:-2px 0 10px #0000000f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;padding:24px}.element-properties h2{color:#111827;font-size:18px;font-weight:600;margin-bottom:24px}.property-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.element-properties h3{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.02em;margin:0}.reset-btn{background:none;border:none;border-radius:4px;color:#4f46e5;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .15s ease}.reset-btn:hover{background-color:#f5f7ff}.property-group{background-color:#fff;border-radius:12px;margin-bottom:32px}.property-group h4{color:#555;font-size:14px;margin-bottom:12px}.property-row{display:flex;flex-direction:column;margin-bottom:20px}.property-row label{color:#4b5563;font-size:13px;font-weight:500;margin-bottom:8px}.property-row input[type=number],.property-row input[type=text],.property-row select{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;font-size:14px;padding:10px 12px;transition:all .15s ease;width:100%}.property-row input:focus,.property-row select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;padding:12px;width:100%}.font-dropdown-container{position:relative;width:100%;z-index:100}.font-dropdown-header{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#333;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.dropdown-arrow{color:#666;font-size:10px}.font-dropdown-list{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%}.font-dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.font-dropdown-item:hover{background-color:#f5f5f5}.font-dropdown-item.selected{background-color:#f0f0f0}.checkmark{color:#5c6bc0;font-weight:700;left:12px;position:absolute}.font-name{font-size:16px;margin-left:12px}.slider-container{align-items:center;display:flex;gap:15px}.slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;flex-grow:1;height:4px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5c6bc0;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb{background:#5c6bc0;border-radius:50%;cursor:pointer;height:16px;width:16px}.size-input-container{position:relative;width:70px}.size-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px;text-align:center;width:100%}.size-unit{color:#555;font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.color-picker{flex-direction:column}.color-search{margin-bottom:12px}.color-search-input{background-color:#f9f9f9;font-size:14px;padding:10px 12px;width:100%}.color-input-box,.color-search-input{border:1px solid #e0e0e0;border-radius:8px}.color-input-box{align-items:center;background-color:#fff;display:flex;margin-bottom:10px;padding:8px 12px}.color-square{border:1px solid #0000001a;border-radius:4px;height:24px;margin-right:12px;width:24px}.hex-input-container{align-items:center;display:flex;flex-grow:1}.hash-symbol{margin-right:2px}.hash-symbol,.hex-input{color:#333;font-size:14px}.hex-input{background:#0000;border:none;font-family:monospace;outline:none;width:100%}.color-picker-icon{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px}.hidden-color-input{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:100%}.format-options{display:flex;justify-content:space-between;margin-bottom:12px}.case-options,.style-options{display:flex;gap:4px}.format-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:40px}.format-btn.active{background-color:#e3f2fd;border-color:#90caf9;color:#1976d2}.align-options{display:flex;gap:4px;justify-content:center}.align-btn.active{color:#1976d2}.spacing-control{margin-bottom:16px}.spacing-control label{color:#555;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.upload-container{margin-bottom:16px}.upload-btn{background-color:#5c6bc0;padding:10px}.upload-btn:hover{background-color:#3f51b5}.or-divider{color:#888;font-size:12px}.image-preview{border:1px solid #e0e0e0;margin-top:16px}.image-preview img{display:block;margin:0 auto;max-height:150px;max-width:100%}.align-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:20px}.align-line{background-color:#666;height:2px;width:100%}.align-line.short{width:70%}.align-line.medium{width:85%}.align-left .align-line.medium,.align-left .align-line.short{margin-right:auto}.align-center .align-line.medium,.align-center .align-line.short{margin:0 auto}.align-right .align-line.medium,.align-right .align-line.short{margin-left:auto}.align-justify .align-line{width:100%}.align-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:40px;padding:0 10px}.align-btn.active{background-color:#e3f2fd;border-color:#90caf9}.align-btn.active .align-line{background-color:#1976d2}.number-input-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin:8px 0;overflow:hidden;width:100%}.number-btn,.number-input-container{align-items:center;display:flex;height:40px}.number-btn{background:none;border:none;color:#333;cursor:pointer;font-size:18px;font-weight:700;justify-content:center;transition:background-color .2s;-webkit-user-select:none;user-select:none;width:40px}.number-btn:hover{background-color:#0000000d}.number-input{background:none;border:none;color:#333;flex:1 1;font-size:18px;height:100%;margin:0;outline:none;padding:0}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input{-moz-appearance:textfield}.modern-slider::-webkit-slider-thumb{box-shadow:0 2px 4px #00000026;height:20px;-webkit-transition:all .15s ease;transition:all .15s ease;width:20px}.modern-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #0003}.slider-value{border-radius:8px;box-shadow:0 1px 2px #0000000d;width:64px}.property-row.property-slider{align-items:flex-start;margin:16px 0}.property-row.property-slider label{display:block;font-weight:500;margin-bottom:8px}.image-preview{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:center;margin:16px 0;min-height:150px;padding:8px}.image-preview img{box-shadow:0 2px 6px #0000001a}.upload-container{display:flex;flex-direction:column;gap:12px}.upload-btn{background-color:#7c4dff;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px;text-align:center;transition:background-color .2s}.upload-btn:hover{background-color:#6c3df8}.or-divider{color:#666;margin:8px 0;position:relative;text-align:center}.full-width-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:10px;width:100%}.full-width-input:focus{border-color:#7c4dff;outline:none}.shape-type-selector{grid-gap:12px;gap:12px;margin:16px 0}.shape-btn{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.shape-btn:hover{border-color:#d0d5dd;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.shape-btn.active{background-color:#4f46e514;border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e51a}.shape-circle,.shape-square{background-color:#4f46e5}.shape-triangle{border-bottom:28px solid #4f46e5}.shape-line{background-color:#4f46e5}.shape-arrow,.shape-star{color:#4f46e5}.shape-properties .property-row>label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.color-picker{align-items:center;display:flex;gap:12px;margin-bottom:20px;margin-top:10px}.color-picker input[type=color]{background:none;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:48px;overflow:hidden;padding:0;width:48px}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.color-text-input{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;flex:1 1;font-family:monospace;font-size:14px;padding:12px 16px;transition:all .2s}.color-text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modern-slider-container{align-items:center;display:flex;gap:16px;margin-bottom:24px;margin-top:8px}.modern-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none;position:relative}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f46e5;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:18px;position:relative;-webkit-transition:all .2s;transition:all .2s;width:18px;z-index:2}.modern-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #00000026;transform:scale(1.1)}.modern-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#4f46e5 0,#e5e7eb 0);background:linear-gradient(to right,#4f46e5 var(--value-percent,0),#e5e7eb var(--value-percent,0));border-radius:3px;height:6px}.slider-value{background:#f3f4f6;border-radius:6px;color:#374151;font-size:14px;font-weight:500;padding:8px 12px;text-align:center;width:60px}.shadow-controls{background-color:#00000008;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px}.shadow-row{align-items:center;display:flex;gap:8px}.shadow-row label{font-size:12px;font-weight:500;width:70px}.shadow-input{border:1px solid #ddd;border-radius:4px;padding:4px 6px;text-align:center;width:50px}.shadow-color-input{height:24px;width:40px}.reset-shadow-btn,.shadow-color-input{border:1px solid #ddd;border-radius:4px;cursor:pointer}.reset-shadow-btn{background-color:#f5f5f5;font-size:12px;margin-top:5px;padding:6px 12px;transition:background-color .2s;width:100%}.reset-shadow-btn:hover{background-color:#e0e0e0}.shape-properties *{transition:all .2s ease}.shape-properties{padding:8px 0}.shape-properties h3{color:#444;font-size:18px;font-weight:500;margin-bottom:14px}.property-row>label{color:#666;font-size:16px;font-weight:400;margin-bottom:16px}.shape-type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:16px 0 24px}.shape-btn{background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:none;cursor:pointer;height:64px;overflow:hidden;position:relative;transition:all .15s ease}.shape-btn:hover{background-color:#f9f9f9;border-color:#ddd;transform:none}.shape-btn.active{background-color:#f5f5ff;border-color:#c6c6ff;box-shadow:none}.shape-preview{align-items:center;color:#5c5cff;display:flex;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.shape-square{border-radius:3px}.shape-circle,.shape-square{background-color:#5c5cff;height:30px;width:30px}.shape-circle{border-radius:50%}.shape-triangle{border-bottom:28px solid #5c5cff;border-left:15px solid #0000;border-right:15px solid #0000;height:0;width:0}.shape-line{background-color:#5c5cff;height:4px;width:36px}.shape-arrow,.shape-star{color:#5c5cff;font-size:24px}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:30px;margin:0 auto 10px;width:30px}.video-preview{margin-top:10px;min-height:100px;position:relative}.video-loading-container{background-color:#0000000d;border-radius:4px;min-height:150px}.upload-progress-container,.video-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.upload-progress-container{padding:20px;text-align:center}.progress-text{color:#666;margin:10px 0}.upload-progress{background-color:#eee;border-radius:3px;height:6px;margin-top:5px;overflow:hidden;width:100%}.progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease}.button-style-selector{display:flex;gap:10px;margin:10px 0;width:100%}.style-btn{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px;transition:all .2s ease}.style-btn:hover{background-color:#f3f4f6;transform:translateY(-2px)}.style-btn.active{background-color:#4f46e50d;border-color:var(--primary-color)}.style-preview{align-items:center;border-radius:4px;display:flex;height:24px;justify-content:center;margin-bottom:8px;position:relative;width:40px}.filled-preview{background-color:#4f46e5}.outlined-preview{background-color:#fff;border:2px solid #4f46e5}.text-preview{background-color:initial;position:relative}.text-preview:after{color:#4f46e5;content:"Aa";font-size:14px;font-weight:700}.style-btn span{color:#6b7280;font-size:12px}.style-btn.active span{color:var(--primary-color);font-weight:500}.input-with-buttons{align-items:center;display:flex;width:100%}.decrement-btn,.increment-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.decrement-btn{border-radius:4px 0 0 4px}.increment-btn{border-radius:0 4px 4px 0}.decrement-btn:hover,.increment-btn:hover{background-color:#e5e7eb}.number-input{border:1px solid #d1d5db;border-left:none;border-right:none;font-size:14px;height:24px;text-align:center;width:40px}.unit{color:#6b7280;font-size:12px;margin-left:8px}.select-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;width:100%}.select-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.rsvp-form-properties{margin-top:20px}.button-toggle{display:flex;gap:8px;width:100%}.toggle-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease}.toggle-btn.active{background-color:#7c4dff;border-color:#7c4dff;color:#fff}.toggle-btn:hover:not(.active){background-color:#e5e5e5}.image-preview-container{display:flex;flex-direction:column;gap:8px;margin:12px 0}.background-image-preview{border:1px solid #ddd;border-radius:4px;height:auto;max-height:150px;object-fit:cover;width:100%}.remove-image-btn{align-self:flex-end;background-color:#f5f5f5;border:1px solid #ddd;color:#e53935;font-size:13px;transition:all .2s ease}.remove-image-btn:hover{background-color:#ffebee;border-color:#e57373}.property-info{background-color:#e8f4fd;border-left:3px solid #2196f3;border-radius:4px;margin-top:16px;padding:12px}.property-info p{color:#0d47a1;font-size:13px;line-height:1.4;margin:4px 0}.font-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto;position:absolute;width:100%;z-index:10}.font-item{cursor:pointer;padding:8px 12px;transition:background-color .2s}.font-item:hover{background-color:#f5f5f5}.arrow-up{transform:rotate(180deg)}.icon-properties{border-bottom:1px solid #e5e7eb;padding:16px}.icon-properties h3{color:#111827;font-size:14px;font-weight:600;margin-bottom:16px}.icon-properties .property-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.icon-properties label{color:#4b5563;font-size:14px}.icon-properties input[type=color]{border:none;border-radius:4px;cursor:pointer;height:40px;padding:0;width:40px}.icon-properties .size-controls{align-items:center;display:flex;gap:8px}.icon-properties .size-controls button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s;width:24px}.icon-properties .size-controls button:hover{background-color:#f3f4f6;border-color:#d1d5db}.icon-properties .size-controls span{color:#4b5563;font-size:14px;min-width:48px;text-align:center}.icon-properties input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;margin-right:12px;outline:none}.icon-properties input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4f46e5;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:16px;width:16px}.icon-properties .value-display{color:#6b7280;font-size:14px;min-width:48px;text-align:right}.color-picker-wrapper{align-items:center;display:flex;gap:5px}.color-picker-popover{background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;margin-top:10px;overflow:hidden;position:absolute;width:280px;z-index:1000}.color-picker-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 15px}.color-picker-header span{color:#333;font-size:14px;font-weight:500}.color-picker-header button{background:none;border:none;color:#666;cursor:pointer;font-size:18px}.gradient-picker{height:150px;padding:15px;position:relative}.color-gradient{background:linear-gradient(180deg,#fff 0,#0000 50%),linear-gradient(90deg,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red),#000;border-radius:4px;cursor:crosshair;height:100%;width:100%}.color-sliders{background:#f9f9f9;padding:15px}.color-slider{align-items:center;display:flex;gap:10px;margin-bottom:10px}.color-slider label{color:#555;font-weight:500;width:15px}.color-slider input[type=range]{flex:1 1;height:6px}.color-slider input[type=number]{border:1px solid #ddd;border-radius:3px;padding:3px;text-align:center;width:50px}.icon-selector{background-color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;padding:16px;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;width:100%}.section-header h3{color:#666;font-size:12px;font-weight:600;margin:0}.clear-button,.reset-button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;padding:0}.search-container{width:100%}.search-input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s;width:100%}.search-input:focus{border-color:#6366f1}.divider{color:#666;font-size:12px;margin:8px 0;position:relative;text-align:center}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-tab{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.category-tab:hover{border-color:#6366f1;color:#6366f1}.category-tab.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.icons-grid{grid-gap:8px;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px;overflow-y:auto;padding:8px}.icon-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.icon-item:hover{background-color:#f3f4f6}.icon-item svg{color:#4b5563;height:20px;width:20px}.settings-section{gap:16px}.setting-item,.settings-section{display:flex;flex-direction:column}.setting-item{gap:8px}.setting-item label{color:#666;font-size:12px;font-weight:500}.color-picker{border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;height:32px;padding:2px;width:100%}.slider-with-value{align-items:center;display:flex;gap:12px}input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:2px;flex:1 1;height:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#6366f1;border-radius:50%;cursor:pointer;height:16px;width:16px}.value-display{color:#666;font-size:12px;min-width:40px;text-align:right}.app-container{--primary-color:#4f46e5;--primary-light:#4f46e51a;--light-gray:#f9fafb;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}.app-header{box-shadow:0 2px 4px #0000001a;height:40px;justify-content:center;min-height:0;padding:0;position:relative;z-index:100}.app-header:empty{height:10px!important;margin:0!important;min-height:0!important;overflow:hidden;padding:0!important}.app-title{align-items:center;color:#333;display:flex;font-weight:500;position:relative}.app-title:before{background-color:#4a6cf7;border-radius:2px;content:"";display:inline-block;height:18px;margin-right:10px;width:4px}.app-toolbar{background-color:#fff;border-bottom:1px solid #e0e0e0;height:52px;justify-content:space-between;padding:0 20px;position:relative;z-index:90}.app-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:10px}.tool-btn{align-items:center;background:#0000000d;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.tool-btn:hover{background:#0000001a}.tool-btn.active{background:#7c4dff33;color:#7c4dff}.tool-btn svg{height:16px;width:16px}.toolbar-right{gap:10px}.app-actions,.toolbar-right{align-items:center;display:flex}.app-actions{gap:12px;height:100%}.app-content{overflow:hidden}.app-content,.main-content{display:flex;flex:1 1;position:relative}.main-content{background-color:#f5f5f7;height:calc(100vh - 60px);justify-content:center;overflow-y:auto;padding:20px;transition:padding-left .3s ease}.canvas-container{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:24px auto;max-width:1140px;min-height:calc(100% - 48px);position:relative;width:100%}.element-properties{border-left:1px solid #ddd;box-shadow:-2px 0 5px #0000000d;height:100%;max-height:calc(100vh - 130px);overflow-y:auto;padding-bottom:20px;position:sticky;right:0;top:0;width:300px;z-index:100}.properties-panel{background-color:#fff;border-left:1px solid #e0e0e0;height:100%;overflow:auto;position:absolute;right:70px;top:0;width:300px;z-index:5}.action-btn{align-items:center;background-color:initial;border:1px solid #e0e0e0;border-radius:4px;color:#555;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{background-color:#f5f5f5;color:#333}.action-btn.disabled{cursor:not-allowed;opacity:.5}.action-divider{background-color:#e0e0e0;height:24px;margin:0 6px;width:1px}.device-preview-selector{display:flex;gap:8px}.device-btn{align-items:center;background-color:initial;border:1px solid #e0e0e0;border-radius:4px;color:#555;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.device-btn:hover{background-color:#f5f5f5;color:#333}.device-btn.active{border-color:#4a6cf7}.device-btn.active,.preview-btn{background-color:#f0f6ff;color:#4a6cf7}.preview-btn{align-items:center;border:1px solid #4a6cf7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;padding:0 12px;position:relative;transition:all .2s ease}.preview-btn:before{background-color:initial;border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.preview-btn:hover{background-color:#e5edff;box-shadow:0 2px 4px #4a6cf733;transform:translateY(-1px)}.preview-btn:hover:before{background-color:#4a6cf70d}.preview-btn:active{box-shadow:none;transform:translateY(0)}.preview-btn.active{background-color:#4a6cf7;color:#fff}.content{display:flex;flex:1 1;overflow:hidden}.right-panel{border-left:1px solid #ddd;height:100%;width:300px}.right-panel,.sidebar{background-color:#fff;display:flex;flex-direction:column}.sidebar{align-items:center;border-right:1px solid #00000014;box-shadow:1px 0 3px #0000000a;padding:16px;width:70px}@media (max-width:1440px){.canvas-container{max-width:920px}}@media (max-width:1024px){.canvas-container{max-width:720px}}.app-container.embedded-app{display:flex;flex-direction:column;height:100%;overflow:hidden}.embedded-app .app-content{flex:1 1;min-height:0;overflow:hidden}.embedded-app .main-content{flex:1 1;min-height:0}.embedded-app .canvas-container{display:flex;flex-direction:column;height:100%;margin:0;min-height:100%}.embedded-app .canvas{flex:1 1;min-height:100%}.action-group{align-items:center;display:flex;gap:8px}.feature-coming-soon-notification{animation:fadeInOut 3s ease-in-out forwards;background-color:#4a6cf7;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;left:50%;max-width:300px;padding:12px 24px;position:fixed;text-align:center;top:70px;transform:translateX(-50%);z-index:10000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.layer-panel{background-color:#fff;border-radius:0;border-right:1px solid #00000014;box-shadow:2px 0 5px #0000000d;height:calc(100vh - 62px);left:95px;margin-left:10px;overflow:hidden;position:fixed;top:130px;width:250px;z-index:10}.editor-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.template-name-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:16px;padding:8px 16px;transition:all .2s;width:300px}.template-name-input:focus{background-color:#ffffff26;border-color:#ffffff4d;outline:none}.template-name-input::placeholder{color:#ffffff80}.published-template-badge{align-items:center;background-color:#4caf5026;border-radius:6px;color:#4caf50;display:flex;font-size:13px;gap:6px;padding:6px 12px}.published-template-badge svg{flex-shrink:0}.save-template-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .2s}.save-template-btn:hover{background-color:#43a047;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.editor-container{display:flex;flex-direction:column}.editor-container .app-container{flex:1 1;height:100%;min-height:0}.editor-container .app-header{border-top:1px solid #0000001a;height:56px;margin:0}.editor-container .app-content{flex:1 1;height:100%;min-height:0}.editor-container .main-content{flex:1 1;height:auto}.editor-container .canvas-container{height:100%;margin:0 auto;min-height:100%}.save-notification{align-items:center;animation:slideUp .3s ease-out;border-radius:8px;bottom:30px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:15px;justify-content:center;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:10000}.save-notification.saving{background-color:#1976d2}.save-notification.success{background-color:#43a047}.save-notification.error{background-color:#d32f2f}.save-notification-content{align-items:center;display:flex;gap:12px}.save-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.save-progress-container{background-color:#ffffff4d;border-radius:4px;height:4px;margin-left:8px;overflow:hidden;width:100px}.save-progress-bar{background-color:#fff;border-radius:4px;height:100%;transition:width .3s ease}.check-icon,.error-icon{fill:#fff;height:20px;width:20px}.save-template-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.events-page{background-color:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0 0 40px;width:100%}.app-header{align-items:center;background-color:#1a1a1a;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;height:64px;justify-content:space-between;padding:0 24px}.app-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.user-info{font-size:14px}.page-content{display:flex}.main-content,.page-content{min-height:calc(100vh - 64px)}.main-content{padding:40px;width:100%}.events-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 20px}.events-header h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0}.create-event-btn{align-items:center;background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.create-event-btn:hover{background-color:#333;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.events-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1600px;padding:0 20px}.event-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .2s}.event-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.event-link{color:inherit;display:block;height:100%;text-decoration:none}.event-image{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;height:180px;justify-content:center}.event-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background-color:#f5f5f5;color:#aaa;display:flex;height:100%;justify-content:center;width:100%}.event-info{padding:20px;position:relative}.event-info h3{color:#333;font-size:18px;margin:0 0 12px}.event-meta{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px}.event-date,.event-location{align-items:center;display:flex;gap:8px}.published-tag{display:none}.delete-event-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#d32f2f;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s;width:32px}.event-card:hover .delete-event-btn{opacity:1}.delete-event-btn:hover{background-color:#fff;transform:scale(1.1)}.no-events{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-events h2{color:#333;font-size:24px;margin:20px 0 10px}.no-events p{color:#6b7280;font-size:16px;margin:0 0 24px}.create-first-event-btn{background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s}.create-first-event-btn:hover{background-color:#333;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@media (max-width:1200px){.events-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.events-grid{grid-template-columns:1fr}}@media (max-width:1024px){.page-content{flex-direction:column}.main-content{padding:20px}.events-header{align-items:flex-start;flex-direction:column;gap:20px}}@media (max-width:768px){.main-content{padding:20px}.events-header{align-items:flex-start;flex-direction:column;gap:20px}}.modal-overlay{background-color:#00000080;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:450px;padding:24px;width:100%}.modal-title{color:#333;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.modal-message{color:#4b5563;font-size:15px;line-height:1.5;margin-bottom:24px}.modal-actions{gap:12px}.modal-cancel-btn,.modal-confirm-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.modal-cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.modal-cancel-btn:hover{background-color:#e5e7eb}.modal-confirm-btn{background-color:#ef4444;border:none;color:#fff}.modal-confirm-btn:hover{background-color:#dc2626}.modal-ok-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.modal-ok-btn:hover{background-color:#43a047}.event-form-page{background-color:#f5f5f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh;padding-bottom:60px}.event-form-header{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:60px;padding:16px 24px;position:relative;width:100%}.back-button{color:#fff;display:flex;margin-right:10px;opacity:.8;transition:opacity .2s;white-space:nowrap;z-index:2}.back-button:hover{opacity:1}.event-form-header h1{font-size:20px;font-weight:500;left:50%;margin:0;position:absolute;transform:translateX(-50%);white-space:nowrap}.form-actions{gap:12px}.publish-event-btn,.save-draft-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.save-draft-btn{background:#4caf50;border:1px solid #fff}.save-draft-btn:hover{background:#43a047}.publish-event-btn{background:#4caf50;border:none;color:#fff}.publish-event-btn:hover{background:#43a047}.error-message{border-left:4px solid #ef4444;border-radius:4px;margin:20px;padding:12px 16px}.event-form-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:20px}.form-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section h2{color:#111827}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.cover-image-section{border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center}.cover-image-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.upload-placeholder{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:200px;padding:20px;transition:all .2s}.upload-placeholder:hover{background-color:#f9fafb;border-color:#d1d5db}.upload-placeholder p{color:#6b7280;margin-top:16px}.select-thumbnail-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:200px;padding:20px;transition:all .2s}.select-thumbnail-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.select-thumbnail-btn span{color:#6b7280;margin-top:16px}.thumbnail-selector{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:20px;padding:20px}.thumbnail-selector h3{font-size:16px;margin-bottom:20px;margin-top:0;text-align:left}.thumbnails-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px}.thumbnail-item{border:2px solid #0000;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;transition:all .2s}.thumbnail-item:hover{border-color:#4f46e5;transform:translateY(-2px)}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.loading-thumbnails,.no-thumbnails{background-color:#f9fafb;border-radius:6px;color:#6b7280;padding:30px;text-align:center}.close-selector-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.close-selector-btn:hover{background-color:#e5e7eb}.image-preview{position:relative}.image-preview img{border-radius:6px;height:auto;max-height:300px;object-fit:contain;width:100%}.remove-image-btn{background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;position:absolute;right:10px;top:10px}.remove-image-btn:hover{background:#000000e6}@media (max-width:768px){.cover-image-options{flex-direction:column}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.form-columns{display:flex;gap:32px}.form-left-column,.form-right-column{flex:1 1}.form-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.form-section h2{color:#333;font-size:18px;font-weight:600;margin-bottom:24px;margin-top:0}.form-group,.form-row{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1;margin-bottom:0}label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}input[type=date],input[type=text],input[type=time],select,textarea{border:1px solid #d1d5db;border-radius:6px;font-size:15px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}input[type=date]:focus,input[type=text]:focus,input[type=time]:focus,select:focus,textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}textarea{min-height:100px;resize:vertical}.file-upload-label,.image-upload{align-items:center;display:flex;justify-content:center}.file-upload-label{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;flex-direction:column;height:200px;padding:20px;transition:all .2s;width:100%}.file-upload-label:hover{background-color:#f9fafb;border-color:#9ca3af}.file-upload-label span{color:#6b7280;font-size:14px;margin-top:12px}.preview-container{border-radius:8px;height:200px;overflow:hidden;position:relative;width:100%}.cover-preview{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background-color:#ef4444cc;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:36px}.remove-image:hover{background-color:#dc2626;transform:scale(1.1)}@media (max-width:900px){.form-columns{flex-direction:column}}.link-icon-btn{color:#aaa;margin-right:8px;transition:color .2s,background-color .2s}.event-detail-page{background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.event-hero{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:40px;position:relative;text-align:center}.back-button-container{margin-bottom:32px;text-align:left}.back-button{align-items:center;color:#4b5563;display:inline-flex;transition:color .2s}.back-button:hover{color:#000}.event-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.event-name{color:#111827;font-size:48px;font-weight:700;margin:0}.event-image-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:80px;overflow:hidden;width:80px}.event-cover-image{height:100%;object-fit:cover;width:100%}.event-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:16px}.meta-item{font-size:16px}.edit-event-btn,.meta-item{align-items:center;color:#4b5563;display:flex;gap:8px}.edit-event-btn{background:#0000;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .2s}.edit-event-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.event-tools-container{padding:40px}.event-tools{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 auto;max-width:1200px}.tool-card{background-color:#fff;box-shadow:0 1px 3px #0000001a;flex-direction:column;gap:24px;padding:32px}.tool-card,.tool-icon{border-radius:12px;display:flex}.tool-icon{align-items:center;background:#f3f4f6;height:64px;justify-content:center;width:64px}.tool-content h2{color:#111827;font-size:24px;margin:0 0 8px}.tool-content p{color:#6b7280;margin:0 0 24px}.tool-button{align-items:center;background-color:#1a1a1a;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.tool-button:hover{background-color:#333;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.tool-items{border-top:1px solid #e5e7eb;padding-top:16px}.item-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{color:#111827;font-weight:500}.item-status{color:#6b7280;font-size:14px}.item-actions{align-items:center;display:flex;gap:16px}.item-action{color:#4f46e5;font-size:14px;text-decoration:none}.item-action:hover{text-decoration:underline}.no-items-message{border-top:1px solid #e5e7eb;color:#6b7280;font-style:italic;padding:16px 0;text-align:center}.tool-stats{grid-gap:16px;border-top:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:16px;padding-top:16px}.stat-item{gap:4px}.error,.loading{color:#6b7280;font-size:18px;height:50vh}.delete-btn,.error,.loading{align-items:center;display:flex;justify-content:center}.delete-btn{background:none;border:none;color:#e53e3e;cursor:pointer;padding:0;transition:color .2s}.delete-btn:hover{color:#c53030}.item-action{margin-left:12px}.item-action:first-child{margin-left:0}@media (max-width:768px){.event-tools{grid-template-columns:1fr}.tool-stats{grid-template-columns:repeat(2,1fr)}.event-hero{padding:30px 20px}.event-name{font-size:36px}.event-header{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.event-image-container{height:100px;width:100px}}.link-icon-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.link-icon-btn.published{color:#4caf50}.link-icon-btn.unpublished{color:#aaa;cursor:not-allowed}.link-icon-btn:hover.published{background-color:#4caf501a}.url-copy-success{animation:fade-out 2s ease-in-out;background-color:#4caf50;border-radius:4px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;padding:12px 20px;position:fixed;right:20px;z-index:1000}@keyframes fade-out{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.tool-actions{display:flex;gap:8px;margin-bottom:16px}.refresh-button{align-items:center;background-color:#f3f4f6;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.refresh-button:hover{background-color:#e5e7eb}.refresh-button svg{transform:rotate(0deg);transition:transform .5s ease}.refresh-button:hover svg{transform:rotate(180deg)}.decorative-event-icon{height:auto;opacity:.85;pointer-events:none;position:absolute;right:100px;top:70px;width:180px;z-index:1}@media (max-width:1200px){.decorative-event-icon{right:50px;width:150px}}@media (max-width:768px){.decorative-event-icon{right:20px;top:60px;width:120px}}.invitation-editor{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-header{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;height:64px;justify-content:space-between;padding:0 24px;z-index:1000}.editor-controls{gap:16px}.back-btn,.editor-controls{align-items:center;display:flex}.back-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.back-btn:hover,.invitation-name-input{background-color:#ffffff1a}.invitation-name-input{border:1px solid #fff3;border-radius:6px;color:#fff;font-size:16px;padding:8px 16px;transition:all .2s;width:300px}.invitation-name-input:focus{background-color:#ffffff26;border-color:#ffffff4d;outline:none}.invitation-name-input::placeholder{color:#ffffff80}.editor-actions{display:flex;gap:12px}.publish-btn,.save-draft-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.save-draft-btn{background-color:initial;border:1px solid #ffffff4d;color:#fff}.save-draft-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.publish-btn{background-color:#4caf50;border:none;color:#fff}.publish-btn:hover{background-color:#43a047;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.editor-container{flex:1 1;overflow:hidden}.loading{height:100vh}.save-success-message{animation:slideUp .3s ease-out,fadeOut .5s ease-out 2.5s forwards;background-color:#4bb543;border-radius:8px;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.url-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.url-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;padding:30px;width:90%}.url-modal h3{color:#4f46e5;font-size:24px;margin-bottom:15px;margin-top:0}.url-container{margin:20px 0}.url-input{border:1px solid #ddd;border-radius:6px 0 0 6px;border-right:none;flex:1 1;font-size:14px;padding:12px}.copy-url-btn{border-radius:0 6px 6px 0;padding:0 15px}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.close-modal-btn{background-color:#e5e7eb;border:none;border-radius:6px;color:#111827;cursor:pointer;font-weight:500;padding:10px 16px}.close-modal-btn:hover{background-color:#d1d5db}.validation-message{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;left:50%;max-width:500px;padding:40px;position:fixed;text-align:left;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.validation-message .icon-container{align-items:center;background-color:#fee2e2;border-radius:50%;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.validation-message .icon-container svg{color:#666;height:24px;width:24px}.validation-message h3{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 20px}.validation-message p{color:#4b5563;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 30px}.validation-message .modal-actions{display:flex;gap:10px;justify-content:flex-end}.validation-message .cancel-btn{background-color:#f3f4f6;border:none;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.validation-message .cancel-btn:hover{background-color:#e5e7eb}.validation-message .delete-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.validation-message .delete-btn:hover{background-color:#dc2626}.validation-message:before{background-color:#00000080;content:"";z-index:-1}.modal-overlay,.validation-message:before{bottom:0;left:0;position:fixed;right:0;top:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;display:flex;justify-content:center;z-index:10000}.modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:520px;overflow:hidden;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.share-modal{display:flex;flex-direction:column}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-content{padding:24px}.success-icon-container{display:flex;justify-content:center;margin-bottom:20px}.success-icon{height:60px;width:60px}.share-message{color:#374151;font-size:16px;margin-bottom:20px;text-align:center}.url-container{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;margin-bottom:10px;overflow:hidden}.share-url-input{background-color:#f9fafb;border:none;color:#374151;flex:1 1;font-size:14px;padding:14px 16px}.share-url-input:focus{background-color:#fff;outline:none}.copy-url-btn{align-items:center;background-color:#4f46e5;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:0 16px;transition:background-color .2s;white-space:nowrap}.copy-url-btn:hover{background-color:#4338ca}.copy-url-btn svg{height:18px;width:18px}.modal-footer{display:flex;justify-content:flex-end;padding:16px 24px 24px}.done-btn{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.done-btn:hover{background-color:#4338ca;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.guest-list-page{background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.guest-list-container{margin:0 auto;max-width:1200px;padding:40px 20px}.guest-list-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.back-navigation{display:flex;flex-direction:column;gap:12px}.back-link{align-items:center;color:#4b5563;display:inline-flex;font-size:14px;text-decoration:none;transition:color .2s}.back-link:hover{color:#000}.guest-list-header h1{color:#111827;font-size:32px;font-weight:600;margin:0}.guest-stats{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:24px;padding:16px 24px}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:80px}.stat-value{color:#111827;font-size:24px;font-weight:600}.stat-label{color:#6b7280}.guest-list-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.guest-list-actions{align-self:start;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:24px;padding:24px}.filter-buttons{display:flex;flex-direction:column;gap:8px}.filter-btn{background-color:initial;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:all .2s}.filter-btn:hover{background-color:#f9fafb}.filter-btn.active{background-color:#f3f4f6;border-color:#d1d5db;font-weight:500}.add-guest-form-container{border-top:1px solid #e5e7eb;padding-top:24px}.add-guest-form-container h3{color:#111827;font-size:16px;margin:0 0 16px}.add-guest-form{display:flex;flex-direction:column;gap:12px}.add-guest-form input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px}.add-guest-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.add-btn{background-color:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.add-btn:hover{background-color:#333;transform:translateY(-1px)}.guest-list-table{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:auto;padding:24px}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:500;text-align:left}td,th{padding:12px 16px}td{border-bottom:1px solid #f3f4f6}tr:last-child td{border-bottom:none}.status-select{background-color:#f3f4f6;border:none;border-radius:20px;cursor:pointer;padding:6px 12px}.status-attending{background-color:#dcfce7;color:#166534}.status-declined{background-color:#fee2e2;color:#b91c1c}.status-pending{background-color:#f3f4f6;color:#4b5563}.delete-guest-btn{background:none;border:none;border-radius:4px;color:#ef4444;padding:4px;transition:all .2s}.delete-guest-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.no-guests-message{color:#6b7280;font-style:italic;padding:40px 0;text-align:center}.loading{align-items:center;color:#6b7280;display:flex;font-size:18px;height:50vh;justify-content:center}@media (max-width:900px){.guest-list-content{grid-template-columns:1fr}.guest-stats{justify-content:space-around;width:100%}}@media (max-width:600px){.guest-list-header{flex-direction:column}.guest-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-item{min-width:auto}}.auth-page{align-items:center;background-color:#f5f5f7;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{color:#6b7280;font-size:16px;margin:0}.auth-error{background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:14px;margin-bottom:24px;padding:12px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input{font-size:15px}.auth-button{background-color:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:12px 24px;transition:all .2s}.auth-button:hover{background-color:#333;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.auth-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.auth-links{color:#6b7280;font-size:14px;margin-top:32px;text-align:center}.auth-links a{color:#4f46e5;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{background-color:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background-color:#fff;color:#6b7280;display:inline-block;font-size:14px;padding:0 10px;position:relative}.google-auth-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.google-auth-button:hover{background-color:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.google-auth-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.google-auth-button svg{flex-shrink:0}.template-selection-page{background-color:#f5f5f7;min-height:100vh}.template-selection-container{margin:0 auto;max-width:1200px;padding:40px 20px}.template-selection-header{margin-bottom:40px;text-align:center}.template-selection-header h1{color:#1a1a1a;font-size:28px;margin:20px 0 10px}.template-selection-header p{color:#666;font-size:16px;margin-bottom:20px}.back-button{color:#333;display:inline-block;font-size:14px;margin-bottom:20px;text-decoration:none}.back-button:hover{text-decoration:underline}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.template-preview{align-items:center;background-color:#f3f4f6;display:flex;height:180px;justify-content:center;position:relative}.template-preview img{height:100%;object-fit:cover;width:100%}.blank-canvas-icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.blank-label{color:#666;font-size:14px;margin-top:12px}.placeholder-thumbnail{align-items:center;background-color:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.template-info{padding:16px}.template-info h3{color:#333;font-size:16px;margin:0 0 8px}.template-info p{color:#666;font-size:14px;margin:0}.public-invitation-container{background-color:#f5f5f7;box-sizing:border-box;display:flex;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.public-invitation-container .canvas-container{margin:0;max-width:100%;padding:0;width:100%}.public-invitation-container .canvas{box-shadow:0 0 20px #0000001a;box-sizing:border-box;display:block;margin:0 auto!important;max-width:1140px!important;min-height:100vh!important;overflow:visible;padding:0!important;width:1140px!important}.public-canvas-wrapper,.public-invitation-container .canvas{background-color:#fff;position:relative;transform:none!important}.public-canvas-wrapper{margin:0;max-width:100%;width:100%}.public-invitation-container .element-wrapper{position:absolute!important;transform:none!important}.public-invitation-container .element-wrapper[data-element-type=shape][data-shape-type=line],.public-invitation-container .line-element,.public-invitation-container hr{left:0!important;transform:none!important;width:100%!important}.public-invitation-container .element-wrapper *{box-sizing:border-box}.public-invitation-loading{color:#666}.public-invitation-error,.public-invitation-loading{align-items:center;animation:fadeIn .3s ease-in;display:flex;font-size:18px;height:100vh;justify-content:center}.public-invitation-error{color:#ef4444;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.public-invitation-container .canvas{max-width:1140px!important;width:100%!important}}.profile-page{background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.profile-container{margin:40px auto;max-width:800px;padding:0 20px}.profile-header{margin-bottom:32px;text-align:center}.profile-header h1{color:#111827;font-size:32px;font-weight:700;margin-bottom:8px}.profile-header p{color:#6b7280;font-size:16px}.profile-tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:32px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:#111827}.tab-btn.active{border-bottom-color:#4f46e5;color:#4f46e5}.error-message,.success-message{border-radius:8px;font-weight:500;margin-bottom:24px;padding:16px}.error-message{border:1px solid #fecaca}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.profile-section,.security-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#4b5563;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:12px;transition:border-color .15s;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.change-password-btn,.reset-password-btn,.submit-btn{align-items:center;background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s}.change-password-btn:hover,.reset-password-btn:hover,.submit-btn:hover{background-color:#4338ca;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.change-password-btn:disabled,.reset-password-btn:disabled,.submit-btn:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.security-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.password-change-card,.password-reset-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.password-change-card h3,.password-reset-card h3{color:#111827;font-size:18px;margin-bottom:12px}.password-reset-card p{color:#6b7280;margin-bottom:20px}@media (max-width:768px){.security-section{grid-template-columns:1fr}.profile-tabs{overflow-x:auto;white-space:nowrap}.profile-section,.security-section{padding:24px 16px}}.rsvp-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0;width:100%}.rsvp-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:1200px;padding:30px}.rsvp-container h1{border-bottom:1px solid #f0f0f0;color:#333;font-size:28px;margin:0 0 30px;padding-bottom:15px}.error-message{background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:16px;margin-bottom:20px;padding:12px 15px}.event-selector{margin-bottom:30px}.event-selector label{color:#444;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.event-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;padding:14px 16px;transition:border-color .2s ease;width:100%}.event-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.rsvp-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.add-guest-btn,.refresh-btn{border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-guest-btn{background-color:#4a90e2;border:none;color:#fff}.add-guest-btn:hover{background-color:#3a7bc8}.refresh-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.refresh-btn:hover{background-color:#f0f0f0}.rsvp-stats{display:flex;gap:15px;margin-bottom:30px}.stat-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;flex:1 1;padding:20px;text-align:center}.stat-card.attending{background-color:#e6f4ea}.stat-card.declined{background-color:#fce8e8}.stat-card.pending{background-color:#fff8e6}.stat-card.total{background-color:#e6f2ff}.stat-value{color:#333;display:block;font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:14px}.guest-list-container{margin-top:30px}.guest-list-container h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.guest-list table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow:hidden;width:100%}.guest-list th{background-color:#f8f9fa;color:#444;font-size:14px;font-weight:600;text-align:left}.guest-list td,.guest-list th{border-bottom:1px solid #eee;padding:15px}.guest-list td{color:#333;font-size:15px}.guest-list tr:last-child td{border-bottom:none}.guest-list tr.status-attending{background-color:#f6fff8}.guest-list tr.status-declined{background-color:#fff6f6}.guest-list tr.status-pending{background-color:#fffcf0}.status-select{background-color:#fff;border:1px solid #ddd;border-radius:5px;font-size:14px;padding:7px 10px}.status-select.attending{border-color:#34a853;color:#34a853}.status-select.declined{border-color:#ea4335;color:#ea4335}.status-select.pending{border-color:#fbbc05;color:#fbbc05}.guest-message{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-guest-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.delete-guest-btn:hover{background-color:#f0f0f0;border-color:#ea4335;color:#ea4335}.add-guest-form{background-color:#f9f9f9;border-radius:8px;margin:20px 0 30px;padding:20px}.add-guest-form h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#444;display:block;font-size:15px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:15px;padding:10px 12px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.cancel-btn,.submit-btn{border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.cancel-btn{background-color:initial;border:1px solid #ddd;color:#666}.submit-btn{background-color:#4a90e2;border:none;color:#fff}.cancel-btn:hover{background-color:#f0f0f0}.submit-btn:hover{background-color:#3a7bc8}.no-events-message,.no-guests-message{background-color:#f8f9fa;border-radius:8px;color:#666;font-size:16px;padding:30px 20px;text-align:center}.no-events-message button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:15px;padding:10px 16px}.rsvp-loading{align-items:center;color:#666;display:flex;font-size:18px;height:300px;justify-content:center}@media (max-width:768px){.rsvp-container{padding:20px}.rsvp-stats{flex-direction:column;gap:10px}.guest-list table{display:block;overflow-x:auto}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.fbf01834.css.map*/