@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";.sales-report{padding:20px;background:#f8f9fa;width:100%;height:100%}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.report-header h2{font-size:28px;color:#2c3e50;margin:0 0 8px}.report-subtitle{color:#7f8c8d;font-size:14px;margin:0}.report-actions{display:flex;gap:12px}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.action-btn.excel{background:#10b981;color:#fff}.action-btn.excel:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.action-btn.pdf{background:#ef4444;color:#fff}.action-btn.pdf:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.action-btn.print{background:#6366f1;color:#fff}.action-btn.print:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.report-filters{display:flex;gap:12px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.filter-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;color:#6b7280}.filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.filter-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:20px;transition:transform .3s,box-shadow .3s}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.summary-card .card-icon{font-size:48px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.revenue .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.summary-card.tickets .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card.capacity .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.summary-card.occupancy .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-card .card-content{flex:1}.summary-card h3{font-size:14px;color:#6b7280;margin:0 0 8px;font-weight:600}.summary-card .card-value{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.summary-card .card-label{font-size:12px;color:#9ca3af}.category-report{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.category-report h3{font-size:20px;color:#2c3e50;margin:0 0 20px}.category-table-wrapper{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.category-table{width:100%;border-collapse:collapse}.category-table thead{background:#f3f4f6}.category-table th{padding:15px;text-align:left;font-size:13px;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb}.category-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.category-table tbody tr:hover{background:#f9fafb}.category-table td{padding:15px;font-size:14px;color:#4b5563}.category-table .category-name{font-weight:600;color:#1f2937}.category-table .sold-seats{color:#10b981;font-weight:600}.category-table .available-seats{color:#6b7280}.category-table .revenue{font-weight:700;color:#7c3aed}.percentage{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.percentage.high{background:#d1fae5;color:#065f46}.percentage.medium{background:#fef3c7;color:#92400e}.percentage.low{background:#fee2e2;color:#991b1b}.progress-bar{width:100px;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;transition:width .5s ease}.category-table tfoot tr{background:#f9fafb;border-top:2px solid #d1d5db;font-weight:700}.category-table tfoot td{padding:18px 15px;color:#1f2937;font-size:15px}.transactions-report{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.transactions-report h3{font-size:20px;color:#2c3e50;margin:0 0 20px}.transactions-table-wrapper{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.transactions-table{width:100%;border-collapse:collapse;min-width:1200px}.transactions-table thead{background:#f3f4f6}.transactions-table th{padding:15px 12px;text-align:left;font-size:12px;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.transactions-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.transactions-table tbody tr:hover{background:#f9fafb}.transactions-table td{padding:15px 12px;font-size:13px;color:#4b5563}.trx-id{font-weight:700;color:#7c3aed;font-family:monospace}.datetime{display:flex;flex-direction:column;gap:4px}.datetime .date{font-weight:600;color:#1f2937}.datetime .time{font-size:12px;color:#9ca3af}.customer-name{font-weight:600;color:#1f2937}.email{color:#6b7280;font-size:12px}.phone{color:#6b7280;font-family:monospace}.seats-list{font-family:monospace;font-size:12px;color:#4b5563;max-width:150px}.category{font-weight:600}.quantity{text-align:center;font-weight:700;color:#7c3aed}.amount{font-weight:700;color:#10b981}.payment{font-size:12px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;display:inline-block}.status-badge.status-paid{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.report-footer,.print-only{display:none}@media print{.sales-report{background:#fff;padding:20px}.report-actions,.report-filters{display:none!important}.report-footer.print-only{display:block;text-align:center;margin-top:40px;padding-top:20px;border-top:2px solid #e5e7eb;color:#6b7280;font-size:12px}.summary-card,.category-report,.transactions-report{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.category-table,.transactions-table{font-size:11px}.category-table th,.category-table td,.transactions-table th,.transactions-table td{padding:8px}}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.report-header{flex-direction:column;gap:20px}.report-actions{width:100%}.action-btn{flex:1}}@media (max-width: 768px){.sales-report{padding:15px}.summary-cards{grid-template-columns:1fr}.report-filters{flex-wrap:wrap}.filter-btn{flex:1;min-width:120px}.category-table-wrapper,.transactions-table-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch}}.seat-selection-exact{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2rem 1rem;color:#fff}.selection-header{text-align:center;margin-bottom:2rem}.selection-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4d03f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.selection-subtitle{font-size:1rem;color:#b0b0b0}.controls-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 2rem;padding:0 1rem}.floor-tabs{display:flex;gap:1rem}.floor-tab{padding:.75rem 2rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floor-tab:hover{background:#ffffff1a;border-color:#d4af3780}.floor-tab.active{background:linear-gradient(135deg,#d4af37,#f4d03f);border-color:#d4af37;color:#1a1a1a;box-shadow:0 4px 20px #d4af3766}.zoom-controls{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-btn{width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.zoom-btn:hover:not(:disabled){background:#d4af374d;border-color:#d4af37}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-display{font-size:1rem;font-weight:600;min-width:60px;text-align:center}.legend-container{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.3)}.legend-available{background:#4caf50}.legend-selected{background:#2196f3;box-shadow:0 0 10px #2196f380}.legend-booked{background:#757575}.legend-vvip{background:linear-gradient(135deg,#ff6b9d,#c06c84)}.legend-vip{background:linear-gradient(135deg,#a8e6cf,#81c784)}.seats-container{max-width:1600px;margin:0 auto;padding:2rem;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform-origin:top center;transition:transform .3s ease}.floor-layout{display:flex;flex-direction:column;gap:3rem;align-items:center}.stage-container{width:100%;max-width:600px;margin:0 auto 2rem}.stage{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a;padding:2rem 4rem;border-radius:12px;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:2px;box-shadow:0 8px 32px #d4af374d}.stage-container-f2{width:100%;max-width:800px;margin:0 auto 2rem}.floor-top-row{display:flex;gap:2rem;width:100%;justify-content:center;align-items:flex-start}.center-top-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center;flex:1;max-width:600px}.vvip-vip-container{display:flex;flex-direction:column;gap:1rem;width:100%}.vvip-section,.vip-section{display:flex;flex-direction:column;gap:.5rem;align-items:center}.lantai-label{font-size:1.2rem;font-weight:700;color:#d4af37;text-align:center;margin:1rem 0;letter-spacing:2px}.center-sections{display:flex;gap:2rem;width:100%;justify-content:center}.section-2-container,.section-3-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.orang-tua-left-container,.orang-tua-right-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.vertical-label-left,.vertical-label-right{writing-mode:vertical-rl;text-orientation:mixed;font-size:1.2rem;font-weight:700;color:#ff6b9d;letter-spacing:3px}.floor-bottom-row{display:flex;gap:4rem;width:100%;justify-content:center;margin-top:2rem}.section-1-container,.section-4-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.floor-2-label-container{text-align:center;margin-bottom:2rem}.floor-2-label-main{font-size:1rem;color:#b0b0b0;margin-bottom:.25rem}.floor-2-label-sub{font-size:1.5rem;font-weight:700;color:#d4af37;letter-spacing:2px}.floor-2-sections{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.section-5-container,.section-6-container,.section-7-container,.section-8-container,.section-9-container,.guru-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.foh-container{display:flex;align-items:center;justify-content:center}.foh-box{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a;padding:3rem 2rem;border-radius:12px;font-size:1.5rem;font-weight:700;letter-spacing:2px;box-shadow:0 8px 32px #d4af374d}.section-label-vertical-right{writing-mode:vertical-rl;text-orientation:mixed;font-size:1.2rem;font-weight:700;color:#4caf50;letter-spacing:3px;margin-left:.5rem}.section-label-center,.section-label-top,.section-label-bottom{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px}.section-sublabel{font-size:.75rem;color:#b0b0b0}.seat-grid{display:grid;gap:4px}.grid-2x8{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr)}.grid-10x10{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.grid-section-2,.grid-section-3{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}.grid-6x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr)}.grid-6x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.grid-5x11{grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(5,1fr)}.seat{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.2);background:#4caf50;color:#fff;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.seat:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #ffffff4d;z-index:10}.seat:disabled{cursor:not-allowed;opacity:.5}.seat-vvip{background:linear-gradient(135deg,#ff6b9d,#c06c84)}.seat-vip{background:linear-gradient(135deg,#a8e6cf,#81c784)}.seat-regular{background:#4caf50}.seat-orang-tua{background:linear-gradient(135deg,#ffb6c1,#ff69b4)}.seat-guru{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.seat-selected{background:#2196f3!important;box-shadow:0 0 15px #2196f399;border-color:#2196f3;transform:scale(1.05)}.seat-booked{background:#757575!important;cursor:not-allowed}.selection-summary{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-top:2px solid rgba(212,175,55,.5);padding:1.5rem 2rem;box-shadow:0 -8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.summary-header h3{color:#d4af37;font-size:1.2rem;margin-bottom:1rem}.summary-list{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;max-height:150px;overflow-y:auto}.summary-item{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.summary-seat-code{font-weight:600;color:#2196f3}.summary-seat-price{font-size:.9rem;color:#b0b0b0}.summary-remove-btn{width:24px;height:24px;background:#f003;border:1px solid rgba(255,0,0,.3);border-radius:50%;color:#f44;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.summary-remove-btn:hover{background:#f006;transform:scale(1.1)}.summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.total-price{color:#d4af37;font-size:1.5rem}.checkout-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:12px;color:#1a1a1a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #d4af3766}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #d4af3799}@media (max-width: 1200px){.seat{width:28px;height:28px;font-size:.6rem}.floor-top-row,.floor-bottom-row{flex-wrap:wrap}}@media (max-width: 768px){.seat{width:24px;height:24px;font-size:.55rem}.selection-title{font-size:2rem}.controls-container{flex-direction:column;gap:1rem}.floor-2-sections{flex-direction:column;align-items:center}}:root{--sepia-dark: #3E2723;--sepia-medium: #6D4C41;--sepia-light: #8B7355;--aged-paper: #F4F1E8;--aged-paper-dark: #E8E3D6;--parchment: #FAF8F3;--vintage-gold: #B8860B;--vintage-gold-light: #DAA520;--antique-brass: #CD7F32;--ink-black: #1A0F0A;--ink-brown: #2D1810;--bg-dark: #1A0F0A;--bg-darker: #0F0805;--bg-card: rgba(244, 241, 232, .03);--bg-overlay: rgba(26, 15, 10, .95);--text-light: #F4F1E8;--text-muted: #C4B5A0;--text-dark: #3E2723;--text-gold: #DAA520;--border-ornament: #B8860B;--border-light: rgba(184, 134, 11, .2);--border-double: rgba(184, 134, 11, .4);--shadow-vintage-sm: 0 2px 4px rgba(0, 0, 0, .4), inset 0 -1px 0 rgba(184, 134, 11, .1);--shadow-vintage-md: 0 4px 8px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-vintage-lg: 0 10px 30px rgba(0, 0, 0, .6), 0 5px 15px rgba(0, 0, 0, .4);--shadow-emboss: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .5);--shadow-text: 2px 2px 4px rgba(0, 0, 0, .7);--font-display: "Playfair Display", serif;--font-body: "Crimson Text", serif;--font-accent: "Libre Baskerville", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-light);line-height:1.8;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(184,134,11,.01) 2px,rgba(184,134,11,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(184,134,11,.01) 2px,rgba(184,134,11,.01) 4px),radial-gradient(circle at 20% 30%,rgba(184,134,11,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(184,134,11,.03) 0%,transparent 40%)}a{color:var(--vintage-gold-light);text-decoration:none;transition:all .3s ease;position:relative}a:hover{color:var(--text-gold);text-shadow:0 0 8px rgba(218,165,32,.3)}h1,h2,h3,h4,h5,h6{color:var(--text-light);font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:.02em;font-family:var(--font-display);text-shadow:var(--shadow-text);position:relative}h1{font-size:4.5rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}h2{font-size:3.5rem;font-weight:700;letter-spacing:.03em}h3{font-size:2.25rem;font-weight:600}p{color:var(--text-muted);margin-bottom:1.5rem;font-weight:400;line-height:1.9;font-family:var(--font-body)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.grid{display:grid;gap:3rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ornamental-divider{width:200px;height:2px;background:linear-gradient(to right,transparent,var(--vintage-gold),transparent);margin:3rem auto;position:relative}.ornamental-divider:before,.ornamental-divider:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--vintage-gold);font-size:.8rem}.ornamental-divider:before{left:-15px}.ornamental-divider:after{right:-15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 3rem;font-weight:700;letter-spacing:.15em;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-transform:uppercase;font-size:.9rem;font-family:var(--font-accent);position:relative;border:none;background-image:linear-gradient(var(--vintage-gold),var(--vintage-gold)),linear-gradient(var(--vintage-gold),var(--vintage-gold)),linear-gradient(var(--vintage-gold),var(--vintage-gold)),linear-gradient(var(--vintage-gold),var(--vintage-gold));background-size:2px 15px,15px 2px,2px 15px,15px 2px;background-position:top left,top left,bottom right,bottom right;background-repeat:no-repeat}.btn-primary{background-color:var(--vintage-gold);color:var(--ink-black);box-shadow:var(--shadow-vintage-md);border:2px solid var(--vintage-gold-light)}.btn-primary:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(218,165,32,.3);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-vintage-lg);filter:brightness(1.15);background-color:var(--vintage-gold-light)}.btn-outline{background:transparent;border:2px double var(--vintage-gold);color:var(--vintage-gold-light);position:relative}.btn-outline:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(184,134,11,.2);pointer-events:none}.btn-outline:hover{background:#b8860b14;box-shadow:0 0 25px #b8860b4d;transform:translateY(-2px);border-color:var(--vintage-gold-light)}.back-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);font-family:var(--font-accent);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;background-image:linear-gradient(var(--vintage-gold),var(--vintage-gold)),linear-gradient(var(--vintage-gold),var(--vintage-gold));background-size:1px 10px,10px 1px;background-position:top left,top left;background-repeat:no-repeat}.back-button:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(184,134,11,.1);pointer-events:none}.back-arrow{font-size:1.2rem;transition:transform .3s ease;color:var(--vintage-gold)}.back-button:hover{border-color:var(--vintage-gold);color:var(--vintage-gold-light);background-color:#b8860b0d;transform:translate(-3px)}.back-button:hover .back-arrow{transform:translate(-3px)}.mb-8{margin-bottom:4rem}.navbar{background:#1e1614e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(204,164,59,.1);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.nav-logo img{height:45px;width:auto;filter:drop-shadow(0 0 5px rgba(204,164,59,.3))}.nav-menu{display:flex;list-style:none;gap:2.5rem}.nav-link{color:var(--text-muted);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--primary-gold);transition:width .3s ease;box-shadow:0 0 10px var(--primary-gold)}.nav-link:hover{color:var(--primary-gold)}.nav-link:hover:after{width:100%}.hero-section{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.05);animation:slowZoom 20s infinite alternate;filter:sepia(.3) brightness(.7)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1e161466,#1e1614f2);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem}.hero-logo{width:200px;margin-bottom:2.5rem;filter:drop-shadow(0 0 30px rgba(204,164,59,.4));animation:fadeDown 1.2s ease-out}.hero-title{font-size:5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff 20%,#d7ccc8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 20px 50px rgba(0,0,0,.5);letter-spacing:-2px;animation:fadeUp 1s ease-out .3s backwards}.hero-subtitle{font-size:1.2rem;color:var(--primary-gold);margin-bottom:3rem;max-width:700px;text-transform:uppercase;letter-spacing:4px;animation:fadeUp 1s ease-out .5s backwards}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;position:relative;transition:all .4s ease;border:2px solid var(--border-light);box-shadow:var(--shadow-vintage-sm),inset 0 0 0 4px #1a0f0a4d,inset 0 0 20px #b8860b08;background-image:linear-gradient(135deg,var(--vintage-gold) 0%,transparent 8%),linear-gradient(-135deg,var(--vintage-gold) 0%,transparent 8%),linear-gradient(45deg,var(--vintage-gold) 0%,transparent 8%),linear-gradient(-45deg,var(--vintage-gold) 0%,transparent 8%);background-size:20px 20px;background-position:top left,top right,bottom left,bottom right;background-repeat:no-repeat}.card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--border-double);pointer-events:none;opacity:.5}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(184,134,11,.01) 10px,rgba(184,134,11,.01) 20px);pointer-events:none;opacity:.3}.card:hover{border-color:var(--border-double);box-shadow:var(--shadow-vintage-lg),inset 0 0 0 4px #1a0f0a80,inset 0 0 30px #b8860b0d;transform:translateY(-5px)}.section-header{text-align:center;margin-bottom:5rem;position:relative}.section-header:after{content:"";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);width:150px;height:2px;background:linear-gradient(to right,transparent,var(--vintage-gold),transparent)}.section-subtitle{color:var(--vintage-gold-light);text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:700;font-family:var(--font-accent);display:block;margin-bottom:1.5rem;position:relative}.section-subtitle:before,.section-subtitle:after{content:"◆";color:var(--vintage-gold);margin:0 1rem;font-size:.6rem;opacity:.6}.section-title{font-size:4rem;color:var(--text-light);margin-bottom:1.5rem;position:relative;display:inline-block;font-family:var(--font-display);font-weight:800;letter-spacing:.05em;text-shadow:3px 3px 6px rgba(0,0,0,.8)}.section-title:before,.section-title:after{content:"";position:absolute;width:40px;height:40px;opacity:.15}.section-title:before{top:-10px;left:-50px;border-top:3px double var(--vintage-gold);border-left:3px double var(--vintage-gold)}.section-title:after{bottom:-10px;right:-50px;border-bottom:3px double var(--vintage-gold);border-right:3px double var(--vintage-gold)}.section-description{color:var(--text-muted);font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.9;font-family:var(--font-body);font-style:italic}.footer{background:linear-gradient(to bottom,var(--bg-darker) 0%,var(--ink-black) 100%);border-top:3px double var(--vintage-gold);padding:5rem 0 2rem;margin-top:8rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--vintage-gold),transparent);box-shadow:0 0 10px #b8860b4d}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-column{position:relative}.footer-about{border-left:2px solid var(--border-light);padding-left:2rem}.footer-heading{color:var(--vintage-gold-light);font-family:var(--font-display);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;position:relative}.footer-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:40px;height:2px;background:var(--vintage-gold)}.footer-text{color:var(--text-muted);font-size:.95rem;line-height:1.8;font-family:var(--font-body)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);font-size:.9rem;font-family:var(--font-body);transition:all .3s ease;position:relative;display:inline-block;letter-spacing:.05em}.footer-links a:before{content:"→";position:absolute;left:-1.2rem;opacity:0;transition:all .3s ease;color:var(--vintage-gold)}.footer-links a:hover{color:var(--vintage-gold-light);padding-left:1.2rem}.footer-links a:hover:before{opacity:1;left:0}.footer-bottom{text-align:center;padding-top:2rem}.footer-copyright{color:var(--text-muted);font-size:.85rem;font-family:var(--font-accent);letter-spacing:.1em;margin-bottom:.5rem}.footer-tagline{color:var(--text-muted);font-size:.75rem;font-style:italic;opacity:.6;text-transform:uppercase;letter-spacing:.2em}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-about{border-left:none;padding-left:0;border-top:2px solid var(--border-light);padding-top:2rem}}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:#8d6e63;font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floral-element{position:absolute;pointer-events:none;z-index:0;opacity:.3;animation:float 6s ease-in-out infinite}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem;letter-spacing:2px}.section-title{font-size:2.5rem}.nav-menu{display:none}.hamburger-menu{display:block}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-gold{color:var(--primary-gold)}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.2em}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-4xl{font-size:2.25rem}.mb-2{margin-bottom:.5rem}.mb-4,.mb-8{margin-bottom:2rem}.mt-4{margin-top:2rem}.mt-8{margin-top:4rem}.mt-12{margin-top:6rem}.p-4{padding:1rem}.gap-4{gap:1rem}.gap-8{gap:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#5d4037;border-radius:4px}.seat-map-container{background:#0000004d;border-radius:20px;padding:3rem;overflow-x:auto;border:1px solid rgba(204,164,59,.1);margin-bottom:2rem}.stage-indicator{width:80%;height:60px;background:linear-gradient(to bottom,var(--primary-gold),transparent);margin:0 auto 4rem;border-radius:50% 50% 0 0/20px 20px 0 0;position:relative;display:flex;align-items:center;justify-content:center;opacity:.5;box-shadow:0 10px 30px -10px var(--primary-gold)}.stage-text{color:var(--bg-darker);font-weight:800;letter-spacing:.5em;text-transform:uppercase;font-size:1.5rem}.seat-section{display:flex;flex-direction:column;gap:10px;align-items:center}.seat-row{display:flex;gap:8px;justify-content:center;align-items:center}.seat-row-label{color:var(--text-muted);font-size:.8rem;width:20px;text-align:center;font-weight:700}.seat{width:30px;height:30px;border-radius:8px 8px 4px 4px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(255,255,255,.1)}.seat:hover:not(.seat-sold){transform:scale(1.2);z-index:10;box-shadow:0 0 10px var(--primary-gold)}.seat-vip{background-color:#8b5cf6;border-color:#7c3aed}.seat-regular{background-color:#3b82f6;border-color:#2563eb}.seat-balcony{background-color:#10b981;border-color:#059669}.seat-selected{background-color:var(--primary-gold)!important;border-color:var(--secondary-gold)!important;box-shadow:0 0 15px var(--primary-gold);transform:scale(1.1)}.seat-sold{background-color:#3e2723;border-color:#2d2420;cursor:not-allowed;opacity:.5}.seat-gap{width:40px}.floor-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.floor-tab{padding:1rem 3rem;background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);border-radius:50px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.floor-tab.active{background:var(--primary-gold);color:var(--bg-darker);border-color:var(--primary-gold);box-shadow:0 0 20px #cca43b4d}.floor-tab:hover:not(.active){border-color:var(--primary-gold);color:var(--primary-gold)}.seat-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e1614e6;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20;margin-bottom:5px;border:1px solid var(--primary-gold)}.seat:hover .seat-tooltip{opacity:1}