@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,400&family=Rozha+One&display=swap";@font-face{font-family:Gotham;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamLight.woff) format("woff");ascent-override:89.8%;descent-override:16.3%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamLightItalic.woff) format("woff");ascent-override:89.8%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamBook.woff) format("woff");ascent-override:90.7%;descent-override:16.3%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamBookItalic.woff) format("woff");ascent-override:90.7%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:normal;font-weight:500 600;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamMedium.woff) format("woff");ascent-override:92.2%;descent-override:16.5%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:italic;font-weight:500 600;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamMediumItalic.woff) format("woff");ascent-override:92.2%;descent-override:20%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:normal;font-weight:700 900;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamBold.woff) format("woff");ascent-override:93.2%;descent-override:17.3%;line-gap-override:0%}@font-face{font-family:Gotham;font-style:italic;font-weight:700 900;font-display:swap;src:url(https://fonts.cdnfonts.com/s/62851/GothamBoldItalic.woff) format("woff");ascent-override:93.2%;descent-override:20%;line-gap-override:0%}:root{--color-header-bg: #FFFFFF;--color-footer-bg: #F1F1F1;--color-body-bg: #F5F6F8;--color-surface-white: #FFFFFF;--color-surface-subtle: #F0F2F5;--color-surface-muted: #E5E7EB;--color-section-dark: #1E2022;--color-section-navy: #1A2238;--color-section-light: #FFFFFF;--color-card-bg: #FFFFFF;--color-card-border: #EAEAEA;--color-border-light: #EAEAEA;--color-border-input: #D0D5DD;--color-hero-purple: #6B4699;--color-hero-gradient-start: #7B52AB;--color-hero-gradient-end: #4F2E78;--color-hero-gradient: linear-gradient(135deg, #7B52AB 0%, #4F2E78 100%);--color-gold: #F5B800;--color-gold-light: #FFCE38;--color-gold-dark: #E5AB00;--color-copper: #AD7B67;--color-copper-light: #C4957F;--color-text-primary: #1A1A1A;--color-text-body: #374151;--color-text-muted: #6B7280;--color-text-subtle: #9CA3AF;--color-text-dark: #1A1A1A;--color-text-on-gold: #1A1A1A;--color-text-inverted: #FFFFFF;--color-price-red: #D9381E;--color-success: #16A34A;--color-danger: #D9381E;--color-warning: #F59E0B;--color-info: #2563EB;--color-disabled: #BFBFBF;--color-seat-available: #F5B800;--color-seat-locked: #9CA3AF;--color-seat-sold: #D9381E;--color-seat-mine: #16A34A;--font-display: "Gotham", "Outfit", sans-serif;--font-heading: "Gotham", "Poppins", sans-serif;--font-body: "Gotham", "Inter", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--container-width: 1200px;--header-height: 76px;--nav-height: 50px;--topbar-height: 36px;--total-header: 112px;--border-radius: 6px;--border-radius-lg: 12px;--border-radius-pill: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-card: 0 2px 10px rgba(0,0,0,.03);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.07);--shadow-gold: 0 4px 16px rgba(245, 184, 0, .35);--shadow-modal: 0 20px 50px rgba(0,0,0,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-body-bg);color:var(--color-text-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.4;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;touch-action:manipulation;pointer-events:auto!important}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-text-primary)}h1{font-size:clamp(1.75rem,5vw,3.25rem)}h2{font-size:clamp(1.35rem,3.5vw,2.15rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}h4{font-size:1.15rem}.display-title{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary)}.section-title{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:44px;height:3px;background:var(--color-gold);border-radius:2px}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section--dark{background:var(--color-section-dark);color:#fff}.section--dark h1,.section--dark h2,.section--dark h3{color:#fff}.section--navy{background:var(--color-section-navy);color:#fff}.section--header{background:var(--color-header-bg)}.section--light{background:var(--color-section-light);color:var(--color-text-body)}.section--light h1,.section--light h2,.section--light h3{color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm);padding:10px 24px;border-radius:var(--border-radius-pill);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.04em;transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;white-space:nowrap;min-height:42px}.btn--block{width:100%;display:flex}.btn--gold{background:var(--color-gold);color:var(--color-text-on-gold);border-color:var(--color-gold)}.btn--gold:hover{background:var(--color-gold-dark);border-color:var(--color-gold-dark);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--color-text-primary);border-color:#d0d5dd}.btn--outline:hover{background:#f3f4f6;border-color:#9ca3af;color:var(--color-text-primary)}.btn--ghost{background:#f3f4f6;color:var(--color-text-body);border-color:transparent}.btn--ghost:hover{background:#e5e7eb;color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn--success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn--success:hover{background:#15803d;border-color:#15803d}.btn--sm{padding:6px 16px;font-size:.76rem;min-height:32px}.btn--lg{padding:14px 32px;font-size:.95rem;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:#d1d5db}.card__image{width:100%;height:220px;object-fit:cover}.card__body{padding:var(--space-lg)}.card__title{margin-bottom:var(--space-sm);color:var(--color-text-primary)}.card__meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.card__text{color:var(--color-text-body);font-size:.9rem;line-height:1.6}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--gold{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.badge--success{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.badge--danger{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.badge--warning{background:#ffedd5;color:#9a3412;border:1px solid #FED7AA}.badge--gray{background:#f3f4f6;color:#4b5563;border:1px solid #E5E7EB}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.form-control{width:100%;padding:10px 14px;background:#fff;border:1px solid var(--color-border-input);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;touch-action:manipulation;pointer-events:auto!important}.form-control:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px #f5b80033}.form-control::placeholder{color:var(--color-text-subtle)}select.form-control option{background-color:#fff;color:var(--color-text-primary)}.form-error{font-size:.8rem;color:var(--color-danger);margin-top:var(--space-xs)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md);border-radius:var(--border-radius);background:#fff;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:var(--space-lg)}.grid--2,.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--gap-sm{gap:var(--space-sm)}.flex--gap-md{gap:var(--space-md)}.spinner{width:40px;height:40px;border:3px solid rgba(245,184,0,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;height:1px;background:var(--color-border-light);margin:var(--space-xl) 0}.divider--gold{background:var(--color-gold)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius);font-size:.9rem;border:1px solid transparent;margin-bottom:var(--space-md)}.alert--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;box-sizing:border-box}.modal-dialog{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:32px;width:100%;max-width:880px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);color:var(--color-text-primary)}@media (max-width: 768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.35rem}.btn--mobile-full{width:100%;display:flex}}.page-enter{animation:fadeInPage .2s ease-out;-webkit-transform:none!important;transform:none!important}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.page-hero{background:#fff;padding:32px 0 24px;border-bottom:1px solid var(--color-border-light)}.page-hero h1,.page-hero .display-title,.page-hero .hero-title{font-size:1.8rem;color:var(--color-text-primary);margin-bottom:6px;line-height:1.2}.page-hero p,.page-hero .hero-subtitle{color:var(--color-text-muted);font-size:.9rem;margin:0}@media (max-width: 768px){.page-hero{padding:18px 0 16px!important}.page-hero h1,.page-hero .display-title,.page-hero .hero-title{font-size:1.3rem!important;margin-bottom:3px!important}.page-hero p,.page-hero .hero-subtitle{font-size:.82rem!important}}.badge--approval{background:#fff7ed!important;color:#c2410c!important;border:1px solid #FFEDD5!important;font-weight:700!important}.type-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:capitalize}.type--invitation{background:#f3e8ff!important;color:#7e22ce!important;border:1px solid #E9D5FF!important}.type--midtrans{background:#ecfdf5!important;color:#047857!important;border:1px solid #A7F3D0!important}.type--manual{background:#fef3c7!important;color:#b45309!important;border:1px solid #FDE68A!important}
