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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.App-header:before{background:radial-gradient(circle at 50% 50%,#ffffff1a 1px,#0000 0);background-size:30px 30px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#333;margin:2rem auto;max-width:420px;padding:2.5rem;position:relative;z-index:1}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{font-weight:700;margin-bottom:.5rem}.form-group input{background:#ffffffe6;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea4d;color:#fff;margin:.5rem}.primary-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 12px #667eea66;transform:translateY(-2px)}.secondary-button{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 6px #6c757d4d;color:#fff;margin:.5rem}.secondary-button:hover{background-color:#545b62}.link-button{background:none;color:#007bff;margin-left:.5rem;padding:.25rem;text-decoration:underline}.link-button:hover{color:#0056b3}.logout-button{background-color:#dc3545;color:#fff;margin-top:1rem}.logout-button:hover{background-color:#c82333}.dashboard{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:600px;padding:2rem}.auth-buttons{margin:2rem 0}button:disabled{cursor:not-allowed;opacity:.6}.create-event-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:600px;padding:2rem}.event-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical}.template-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:.5rem}.template-card{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s}.template-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.template-card.selected{background-color:#f0f8ff;border-width:3px}.template-emoji{font-size:2rem;margin-bottom:.5rem}.template-name{font-size:.8rem;font-weight:700}.form-buttons{justify-content:flex-end;margin-top:1rem}.dashboard-actions,.form-buttons{display:flex;gap:1rem}.events-section h3{color:#333;margin-bottom:1rem}.no-events{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.events-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.event-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.event-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.event-header{color:#fff;gap:.5rem;padding:1rem}.event-emoji{font-size:1.5rem}.event-template{font-weight:700}.event-content{padding:1rem}.event-content h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.event-content p{color:#666;font-size:.9rem;margin:.25rem 0}.event-actions{background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.event-actions button{border-radius:4px;flex:1 1;font-size:.8rem;min-width:60px;padding:.5rem .75rem}.view-button{background-color:#28a745;color:#fff}.view-button:hover{background-color:#218838}.rsvp-button{background-color:#6f42c1;color:#fff}.rsvp-button:hover{background-color:#5a32a3}.share-button{background:linear-gradient(135deg,#17a2b8,#20c997);box-shadow:0 2px 4px #17a2b84d;color:#fff;transition:all .3s ease}.share-button:hover{background:linear-gradient(135deg,#138496,#1da88a);box-shadow:0 4px 8px #17a2b866;transform:translateY(-1px)}.reminder-button{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:6px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:4px;padding:8px 16px;transition:all .3s ease}.reminder-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 4px 8px #ff6b6b66;transform:translateY(-1px)}.reminder-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.install-button-container{margin:15px 0;text-align:center}.pwa-install-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;padding:14px 28px;position:relative;transition:all .3s ease;z-index:1}.pwa-install-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b98166;transform:translateY(-2px)}.manual-install-hint{margin:10px 0;text-align:center}.manual-install-hint p{color:#fffc;font-size:14px;margin:0}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.rsvp-view-container{background-color:#fff;color:#333;margin:2rem auto;max-width:800px;padding:2rem}.rsvp-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-decoration:none}.back-button:hover{background-color:#545b62}.event-summary{margin-bottom:2rem}.event-info{align-items:center;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem}.event-info .event-emoji{font-size:2rem}.event-info h3{margin:0 0 .5rem}.event-info p{margin:.25rem 0}.rsvp-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:2rem}.stat-card{border-radius:8px;color:#fff;padding:1.5rem 1rem;text-align:center}.stat-card.yes{background-color:#28a745}.stat-card.maybe{background-color:#ffc107;color:#333}.stat-card.no{background-color:#dc3545}.stat-card.total{background-color:#17a2b8}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem}.rsvp-list h3{margin-bottom:1rem}.no-rsvps{color:#666;padding:2rem;text-align:center}.rsvp-items{display:flex;flex-direction:column;gap:1rem}.rsvp-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1rem}.rsvp-item.yes{border-left:4px solid #28a745}.rsvp-item.maybe{border-left:4px solid #ffc107}.rsvp-item.no{border-left:4px solid #dc3545}.rsvp-guest{display:flex;flex-direction:column;margin-bottom:.5rem}.guest-email{color:#666;font-size:.9rem}.rsvp-response{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.response-badge{border-radius:4px;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.response-badge.yes{background-color:#d4edda;color:#155724}.response-badge.maybe{background-color:#fff3cd;color:#856404}.response-badge.no{background-color:#f8d7da;color:#721c24}.response-date{color:#666;font-size:.8rem}.rsvp-message{color:#666;font-style:italic}.rsvp-form-container{overflow:hidden}.public-event-header{align-items:center;display:flex;gap:1rem}.public-event-header .event-emoji{font-size:3rem}.event-details h2{margin:0 0 .5rem}.event-details p{margin:.25rem 0}.rsvp-form{padding:2rem}.response-option{border-radius:4px;padding:.5rem;transition:background-color .2s}.response-option:hover{background-color:#f0f0f0}.response-text{font-weight:700}.loading-container{color:#666;padding:3rem;text-align:center}.subscription-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:600px;padding:2rem}.subscription-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.subscription-status{display:flex;flex-direction:column;gap:2rem}.status-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.status-card h3{margin-bottom:1rem;margin-top:0}.status-badge{border-radius:4px;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.active-status,.inactive-status{display:flex;flex-direction:column;gap:.5rem}.upgrade-section{display:flex;justify-content:center}.pricing-card{background-color:#fff;border:2px solid #007bff;border-radius:8px;max-width:300px;padding:2rem;text-align:center;width:100%}.pricing-card h3{color:#007bff;margin-top:0}.price{color:#007bff;font-size:2rem;font-weight:700;margin:1rem 0}.pricing-card ul{list-style:none;margin:1.5rem 0;padding:0}.pricing-card li{border-bottom:1px solid #eee;padding:.5rem 0}.pricing-card li:last-child{border-bottom:none}.pricing-card li:before{color:#28a745;content:"✓ ";font-weight:700}.subscription-indicator{flex-shrink:0}.subscription-status{border-radius:4px;font-size:.9rem;font-weight:700;padding:.5rem 1rem;white-space:nowrap}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.subscription-indicator{align-self:center}}.invitation-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:700px;padding:2rem}.invitation-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.invitation-form{display:flex;flex-direction:column;gap:1.5rem}.delivery-options{display:flex;flex-direction:column;gap:.5rem}.checkbox-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s}.checkbox-option:hover{background-color:#f0f0f0}.checkbox-option input[type=checkbox]{margin:0;width:auto}.form-group small{color:#666;font-size:.85rem;margin-top:.25rem}.invite-button{background-color:#28a745;color:#fff}.invite-button:hover{background-color:#218838}.event-details-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:700px;padding:2rem}.event-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.event-card-large{border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.event-card-large .event-emoji{font-size:4rem;margin-bottom:1rem}.event-card-large h2{font-size:2rem;margin:0 0 1rem}.event-card-large p{font-size:1.1rem;margin:.5rem 0}.event-actions-large{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event-actions-large button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;text-align:center;transition:all .2s ease}.rsvp-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;margin:2rem auto;max-width:600px;padding:2rem}.public-event-header{border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.public-event-header .event-emoji{font-size:4rem;margin-bottom:1rem}.public-event-header h2{font-size:2rem;margin:0 0 1rem}.public-event-header p{font-size:1.1rem;margin:.5rem 0}.rsvp-form h3{color:#333;margin-bottom:1.5rem;text-align:center}.response-options{display:flex;flex-direction:column;gap:.5rem}.response-option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.response-option:hover{background-color:#f8f9fa;border-color:#007bff}.response-option input[type=radio]:checked+.response-text{font-weight:700}.response-option input[type=radio]{margin:0;width:auto}.response-text{font-size:1rem}.response-text.yes{color:#28a745}.response-text.maybe{color:#ffc107}.response-text.no{color:#dc3545}