.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state h2,.error-state h2{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.loading-state p,.error-state p{color:#6b7280;margin-bottom:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-actions{display:flex;gap:1rem;margin-top:1rem}.error-actions .btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:all .2s}.error-actions .btn-primary{background-color:#3b82f6;color:#fff}.error-actions .btn-primary:hover{background-color:#2563eb}.error-actions .btn-outline{background-color:transparent;color:#374151;border:1px solid #d1d5db}.error-actions .btn-outline:hover{background-color:#f9fafb}.gift-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.75rem 1rem;border-radius:.5rem;margin-top:.5rem;font-weight:500;border:1px solid #fbbf24}.qr-image{width:100%;height:100%;object-fit:contain;border-radius:.5rem}*{box-sizing:border-box}.ticket-container{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#f9fafb,#fef3c7);padding:16px;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ticket-wrapper{max-width:672px;width:100%}.ticket-header-section{text-align:center;margin-bottom:24px}.header-title{font-size:30px;font-weight:700;color:#1f2937;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.title-text{color:#d97706}.header-subtitle{color:#6b7280;font-size:16px;margin:8px 0 0}.icon-small{width:16px;height:16px}.icon-medium{width:20px;height:20px}.icon-large{width:32px;height:32px}.icon-qr{width:16px;height:16px;color:#fff}.star-icon{width:24px;height:24px;color:#fbbf24;margin:0 4px}.background-icon{position:absolute;opacity:.1;pointer-events:none}.utensils-icon{top:0;right:0;width:128px;height:128px}.wine-icon{bottom:0;left:0;width:96px;height:96px}.ticket-card{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid #e5e7eb}.ticket-hero{background:linear-gradient(90deg,#111827,#374151,#92400e);color:#fff;padding:32px;position:relative;overflow:hidden}.hero-content{position:relative;z-index:10;text-align:center}.stars-container{display:flex;justify-content:center;margin-bottom:12px}.event-title{font-size:30px;font-weight:700;margin:0 0 8px;letter-spacing:.025em}.organization{font-size:20px;color:#fbbf24;font-weight:300;margin:0}.order-number{color:#d1d5db;font-size:14px;margin:8px 0 0}.guest-section{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#f9fafb,#fef3c7)}.guest-content{text-align:center}.guest-label{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.guest-label-text{color:#6b7280;font-weight:500;letter-spacing:.05em;font-size:14px}.guest-name{font-size:30px;font-weight:700;color:#1f2937;letter-spacing:.05em;margin:0 0 16px}.guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14px;max-width:384px;margin:0 auto}.guest-grid-item{text-align:center}.guest-grid-label{color:#6b7280;display:block;margin-bottom:4px}.guest-grid-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#92400e;margin:0}.details-section{padding:24px;border-bottom:1px solid #e5e7eb}.venue-container{margin-bottom:24px}.venue-label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.venue-label-text{color:#6b7280;font-weight:500}.venue-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.venue-address{color:#6b7280;margin:0}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.time-item{display:flex;flex-direction:column;gap:8px}.time-icon{display:flex;align-items:center;gap:8px;margin-bottom:8px}.time-label{color:#6b7280;font-size:14px;font-weight:500}.time-value{font-weight:700;color:#1f2937;margin:0}.seating-section{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#fef3c7,#f9fafb)}.seating-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.table-assignment{text-align:center}.section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px}.table-grid{display:flex;justify-content:center;gap:16px}.table-item{text-align:center}.table-label{color:#6b7280;font-size:14px;font-weight:500;display:block;margin-bottom:8px}.table-value{background-color:#fff;border-radius:8px;padding:16px;border:2px solid #fbbf24;box-shadow:0 1px 3px #0000001a}.table-number{font-weight:700;color:#92400e;font-size:24px;margin:0}.event-details{text-align:center}.event-details-grid{display:flex;flex-direction:column;gap:12px}.event-detail-item{margin-bottom:8px}.event-detail-label{color:#6b7280;font-size:14px;font-weight:500;display:block;margin-bottom:4px}.dress-code{font-weight:600;color:#1f2937;margin:0}.price{font-size:24px;font-weight:700;color:#059669;margin:0}.special-note{margin-top:24px;text-align:center;background-color:#fff;border-radius:8px;padding:16px;border:1px solid #fbbf24}.special-note-text{color:#92400e;font-weight:500;font-style:italic;margin:0}.qr-section{padding:24px;background-color:#f9fafb}.qr-grid{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px}@media (min-width: 768px){.qr-grid{flex-direction:row}}.qr-container{text-align:center}.qr-label{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 12px}.qr-code{width:96px;height:96px;background:linear-gradient(135deg,#374151,#111827);display:flex;align-items:center;justify-content:center;border-radius:4px;margin:0 auto}.qr-subtext{font-size:12px;color:#6b7280;margin:8px 0 0}.barcode-container{flex:1;max-width:384px;width:100%}.barcode-label{color:#6b7280;font-size:14px;font-weight:500;text-align:center;margin:0 0 12px}.barcode{width:100%;height:48px;background:linear-gradient(90deg,#374151,#111827);display:flex;align-items:center;justify-content:center;border-radius:4px}.barcode-lines{display:flex;gap:1px}.barcode-line{background-color:#fff;height:32px}.barcode-number{text-align:center;font-size:12px;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:8px 0 0}.important-section{background-color:#fef3c7;border-left:4px solid #f59e0b;padding:16px}.important-content{display:flex}.important-text{font-size:14px;color:#92400e;margin:0}.partners-section{padding:24px;background:linear-gradient(90deg,#f9fafb,#fef3c7);border-bottom:1px solid #e5e7eb}.partners-header{text-align:center;margin-bottom:24px}.partners-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 8px}.partners-subtitle{font-size:14px;color:#6b7280;margin:0}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;align-items:center}.partner-item{text-align:center}.partner-logo{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.partner-logo-text{color:#9ca3af;font-weight:700;font-size:14px}.partner-label{font-size:12px;color:#6b7280;margin:0}.media-partners{margin-top:24px;padding-top:16px;border-top:1px solid #fbbf24}.media-title{text-align:center;font-size:14px;color:#6b7280;margin:0 0 12px}.media-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.media-item{background-color:#fff;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.media-text{color:#9ca3af;font-weight:600;font-size:14px}.footer{padding:16px;background-color:#111827;color:#d1d5db;font-size:12px;text-align:center}.footer-text{margin:0 0 4px}.footer-contact{margin:0}.buttons-container{margin-top:24px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;font-size:14px;text-decoration:none}.btn-primary{background-color:#d97706;color:#fff}.btn-primary:hover{background-color:#b45309}.btn-secondary{background-color:#374151;color:#fff}.btn-secondary:hover{background-color:#111827}.btn-outline{border:1px solid #d1d5db;background-color:transparent;color:#374151}.btn-outline:hover{background-color:#f9fafb}@media (max-width: 768px){.ticket-container{padding:8px}.header-title,.event-title,.guest-name{font-size:24px}.time-grid{grid-template-columns:1fr;gap:16px}.seating-grid{grid-template-columns:1fr;gap:24px}.partners-grid{grid-template-columns:repeat(2,1fr)}.buttons-container{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}.loading-wave{width:300px;height:100px;display:flex;justify-content:center;align-items:flex-end}.loading-bar{width:20px;height:10px;margin:0 5px;background-color:#3498db;border-radius:5px;animation:loading-wave-animation 1s ease-in-out infinite}.loading-bar:nth-child(2){animation-delay:.1s}.loading-bar:nth-child(3){animation-delay:.2s}.loading-bar:nth-child(4){animation-delay:.3s}@keyframes loading-wave-animation{0%{height:10px}50%{height:50px}to{height:10px}}