*,*:before,*:after{box-sizing:border-box}.secret-santa-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.secret-santa-dashboard{margin-bottom:3rem;padding:1.5rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px}.secret-santa-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.secret-santa-dashboard-header h2{font-size:1.35rem;margin:0;font-weight:700;letter-spacing:-.02em;color:#111}.secret-santa-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.secret-santa-event-card{background:#fff;padding:1.25rem;border-radius:2px;border:1px solid #e5e5e0;transition:border-color .15s}.secret-santa-event-card:hover{border-color:#111}.secret-santa-event-card h3{font-size:1rem;margin:0;color:#111;font-weight:700;flex:1;letter-spacing:-.01em}.event-details{margin:.875rem 0}.event-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.875rem}.event-card-actions button{flex:1;min-width:110px}.event-status-badge{background:#f0fdf4;color:#1a7340;padding:.2rem .6rem;border-radius:2px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border:1px solid rgba(26,115,64,.2)}.event-status-badge.pending{background:#fef9c3;color:#713f12;border-color:#fde047}.viewed-badge{background:#f0fdf4;color:#1a7340;padding:.2rem .6rem;border-radius:2px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(26,115,64,.2)}.not-viewed-badge{background:#fef9c3;color:#713f12;padding:.2rem .6rem;border-radius:2px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid #fde047}.btn-icon-danger{background:transparent;border:1px solid #fecaca;color:#b91c1c;padding:.5rem;border-radius:2px;cursor:pointer;font-size:.9rem;transition:background .15s,color .15s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-icon-danger:hover{background:#b91c1c;color:#fff;border-color:#b91c1c}.btn-resend{background:#0f7c6b;color:#fff;border:none;padding:.4rem .875rem;border-radius:2px;cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:inherit;transition:opacity .2s}.btn-resend:hover{opacity:.82}.error-message{background:#fff5f5;color:#b91c1c;padding:.875rem 1rem;border-radius:2px;margin-bottom:1.5rem;border:1px solid #fecaca;font-size:.88rem}.loading{text-align:center;padding:2rem;color:#999;font-size:.9rem}.empty-state{text-align:center;padding:3rem 2rem;color:#999;background:#fff;border:1px solid #e5e5e0;border-radius:2px}.empty-state p{margin:.5rem 0;font-size:.95rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:2px;border:1px solid #e5e5e0;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:#111}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:color .15s,background .15s}.modal-close:hover{background:#f5f5f3;color:#111}.participants-list ul{list-style:none;padding:0;margin:0}.participant-item{padding:.875rem 1rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem}.participant-item strong{color:#111;font-size:.9rem;font-weight:700}.participant-email,.participant-phone{color:#666;font-size:.82rem}.assignments-modal{max-width:800px}.assignments-list{display:flex;flex-direction:column;gap:.75rem}.assignment-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px;gap:1rem;flex-wrap:wrap}.assignment-info{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.9rem;color:#333}.assignment-arrow{color:#999;font-weight:700}.assignment-meta{display:flex;align-items:center}.secret-santa-user-lists{margin-bottom:3rem;padding:1.5rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px}.secret-santa-user-lists h2{font-size:1.35rem;margin-bottom:1.5rem;color:#111;text-align:center;font-weight:700;letter-spacing:-.02em}.secret-santa-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.secret-santa-list-card{background:#fff;padding:1.25rem;border-radius:2px;border:1px solid #e5e5e0;cursor:pointer;transition:border-color .15s}.secret-santa-list-card:hover{border-color:#111}.secret-santa-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.secret-santa-list-card h3{font-size:.95rem;margin:0;color:#111;font-weight:700;flex:1;letter-spacing:-.01em}.secret-santa-list-card .list-meta{color:#666;font-size:.82rem;margin:.5rem 0 0}.secret-santa-view-all-lists{display:block;margin:0 auto;padding:.7rem 1.5rem;background:#0f7c6b;color:#fff;border:none;border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;font-family:inherit}.secret-santa-view-all-lists:hover{opacity:.82}.secret-santa-hero{text-align:center;padding:4rem 2rem;background:#0f7c6b;color:#fff;border-radius:2px;margin-bottom:4rem}.secret-santa-hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.04em}.hero-subtitle{font-size:1.25rem;margin-bottom:1rem;opacity:.85}.hero-description{font-size:1rem;margin-bottom:2rem;opacity:.75;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{margin-bottom:2rem;font-size:.95rem;opacity:.7}.hero-cta{background:#fff;color:#111;border:none;padding:.875rem 2.5rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:opacity .2s;font-family:inherit}.hero-cta:hover{opacity:.88}.secret-santa-features{margin-bottom:4rem}.secret-santa-features h2{text-align:center;font-size:2rem;margin-bottom:2.5rem;color:#111;font-weight:700;letter-spacing:-.03em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.feature-card{background:#fff;padding:1.75rem;border-radius:2px;border:1px solid #e5e5e0;text-align:center;transition:border-color .15s}.feature-card:hover{border-color:#111}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin-bottom:.875rem;color:#111;font-weight:700;letter-spacing:-.01em}.feature-card p{color:#666;line-height:1.6;font-size:.9rem}.secret-santa-how-it-works{margin-bottom:4rem;padding:2.5rem 2rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px}.secret-santa-how-it-works h2{text-align:center;font-size:2rem;margin-bottom:2.5rem;color:#111;font-weight:700;letter-spacing:-.03em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.step{text-align:center;padding:1.75rem;background:#fff;border-radius:2px;border:1px solid #e5e5e0}.step .step-number{width:48px;height:48px;background:#0f7c6b;color:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1.25rem}.step h3{font-size:1rem;margin-bottom:.875rem;color:#111;font-weight:700;letter-spacing:-.01em}.step p{color:#666;line-height:1.6;font-size:.88rem}.secret-santa-faq{margin-bottom:4rem}.secret-santa-faq h2{text-align:center;font-size:2rem;margin-bottom:2.5rem;color:#111;font-weight:700;letter-spacing:-.03em}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e5e5e0;border-radius:2px;margin-bottom:.75rem;overflow:hidden}.faq-question{width:100%;padding:1.25rem 1.5rem;background:#fff;border:none;text-align:left;font-size:.9rem;font-weight:700;color:#111;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s;font-family:inherit;letter-spacing:-.01em}.faq-question:hover{background:#f5f5f3}.faq-toggle{font-size:1.25rem;color:#111;font-weight:300}.faq-answer{padding:0 1.5rem 1.25rem;color:#666;line-height:1.65;font-size:.88rem}.secret-santa-share{text-align:center;padding:2.5rem 2rem;margin-bottom:2rem;background:#f5f5f3;border:1px solid #e5e5e0;border-radius:2px}.secret-santa-share h2{font-size:1.75rem;margin-bottom:.5rem;color:#111;font-weight:700;letter-spacing:-.03em}.secret-santa-share p{color:#666;margin-bottom:2rem;font-size:.9rem}.share-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.share-button{padding:.625rem 1.25rem;border:none;border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;font-family:inherit}.share-button:hover{opacity:.85}.share-button.whatsapp{background:#25d366;color:#fff}.share-button.facebook{background:#1877f2;color:#fff}.share-button.email{background:#555;color:#fff}.share-button.copy{background:#0f7c6b;color:#fff}.secret-santa-cta{text-align:center;padding:4rem 2rem;background:#0f7c6b;color:#fff;border-radius:2px}.secret-santa-cta h2{font-size:2rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.03em}.secret-santa-cta p{font-size:1rem;margin-bottom:2rem;opacity:.8}.cta-button{background:#fff;color:#111;border:none;padding:.875rem 2.5rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:opacity .2s;font-family:inherit}.cta-button:hover{opacity:.88}@media (max-width: 768px){.secret-santa-hero h1{font-size:1.75rem}.hero-subtitle{font-size:1.1rem}.secret-santa-features h2,.secret-santa-how-it-works h2,.secret-santa-faq h2,.secret-santa-cta h2{font-size:1.5rem}.features-grid,.steps{grid-template-columns:1fr}.share-buttons{flex-direction:column}.share-button{width:100%}}