:root{--color-primary: #063b21;--color-primary-rgb: 6, 59, 33;--color-primary-light: #00cc66;--color-accent: #f29f05;--color-accent-rgb: 242, 159, 5;--color-accent-light: #fbb021;--color-bg-base: #030805;--color-bg-card: rgba(8, 20, 13, .65);--color-bg-card-hover: rgba(12, 30, 20, .85);--color-border: rgba(242, 159, 5, .15);--color-border-focus: rgba(242, 159, 5, .5);--color-border-green: rgba(0, 204, 102, .15);--color-text-primary: #f5fafd;--color-text-secondary: #a3c2b2;--color-text-muted: #5e7d6e;--color-text-gold: #f29f05;--text-shadow-hero: 0 2px 10px rgba(7, 14, 11, .7);--text-shadow-sub: 0 1px 6px rgba(7, 14, 11, .8);--text-shadow-brand-green: 0 0 2px #fff, 0 0 15px rgba(6, 59, 33, .5);--text-shadow-brand-gold: 0 0 15px rgba(242, 159, 5, .3);--color-logo-retriever: #ffffff;--color-icon-hover-bg: rgba(255, 255, 255, .08);--color-hero-bg: linear-gradient(135deg, rgba(6, 59, 33, .45) 0%, rgba(7, 14, 11, .95) 100%);--color-hero-border: 1px solid var(--color-border-green);--color-comm-card-1: linear-gradient(135deg, rgba(6, 59, 33, .15), rgba(7, 14, 11, .4));--color-comm-card-2: linear-gradient(135deg, rgba(242, 159, 5, .08), rgba(7, 14, 11, .4));--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 8px 24px rgba(0, 0, 0, .8);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .95);--shadow-glow-green: 0 0 25px rgba(0, 204, 102, .2);--shadow-glow-gold: 0 0 25px rgba(242, 159, 5, .25);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,border-color .3s ease,color .2s ease,box-shadow .3s ease}html,body{background:radial-gradient(circle at 80% 20%,#0c2b1a,#050d0a,#030806) no-repeat fixed;color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;font-size:16px;scroll-behavior:smooth;transition:background-color var(--transition-normal),color var(--transition-normal)}[data-theme=light]{--color-bg-base: #fcfcfa;--color-bg-card: #ffffff;--color-bg-card-hover: #faf9f6;--color-border: rgba(242, 159, 5, .2);--color-border-focus: rgba(242, 159, 5, .5);--color-border-green: rgba(6, 59, 33, .08);--color-text-primary: #063b21;--color-text-secondary: #4a5750;--color-text-muted: #7c8c83;--color-text-gold: #d48200;--text-shadow-hero: none;--text-shadow-sub: none;--text-shadow-brand-green: none;--text-shadow-brand-gold: none;--color-logo-retriever: #063b21;--color-icon-hover-bg: rgba(6, 59, 33, .06);--color-hero-bg: linear-gradient(135deg, rgba(6, 59, 33, .04) 0%, rgba(242, 159, 5, .06) 100%);--color-hero-border: 1px solid rgba(6, 59, 33, .12);--color-comm-card-1: linear-gradient(135deg, rgba(6, 59, 33, .03), rgba(255, 255, 255, .85));--color-comm-card-2: linear-gradient(135deg, rgba(242, 159, 5, .02), rgba(255, 255, 255, .85));--shadow-sm: 0 4px 12px rgba(6, 59, 33, .03);--shadow-md: 0 12px 36px rgba(6, 59, 33, .05);--shadow-lg: 0 24px 64px rgba(6, 59, 33, .08);--shadow-glow-green: 0 0 20px rgba(6, 59, 33, .04);--shadow-glow-gold: 0 0 20px rgba(242, 159, 5, .08)}.theme-toggle-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background:var(--color-icon-hover-bg);color:var(--color-accent)}[data-theme=light] .theme-toggle-btn{color:var(--color-text-primary)!important}[data-theme=light] .theme-toggle-btn:hover{color:var(--color-accent)!important}.dropdown-item{color:var(--color-text-primary);padding:12px 16px;cursor:pointer;font-size:13px;transition:all var(--transition-fast);background:transparent}.dropdown-item:hover{background:#f29f051a!important;color:var(--color-text-gold)!important}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:var(--radius-sm);border:1px solid var(--color-border-green);box-shadow:var(--shadow-lg);z-index:50;background:#08140d!important;padding-bottom:12px;max-height:160px;overflow-y:auto}[data-theme=light] .dropdown-panel{background:#fff!important;border-color:#063b2126!important;box-shadow:0 16px 36px #063b211f!important}.custom-scrollbar::-webkit-scrollbar{display:block!important;width:4px!important;height:4px!important}.custom-scrollbar::-webkit-scrollbar-track{background:#063b210a!important;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border)!important;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-accent)!important}.custom-scrollbar{-ms-overflow-style:auto!important;scrollbar-width:thin!important;scrollbar-color:var(--color-border) rgba(6,59,33,.04)!important}[data-theme=light] .custom-scrollbar::-webkit-scrollbar-track{background:#063b2105!important}[data-theme=light] body{background:#fafafa!important}[data-theme=light] .glass-panel{background:#ffffffbf!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(6,59,33,.08)!important;box-shadow:0 4px 20px #063b2108!important}[data-theme=light] .glass-card{background:#fffc!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(6,59,33,.06)!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .glass-card:hover{background:#fff!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-lg),var(--shadow-glow-gold)!important}[data-theme=light] .form-input{background:#fff!important;border-color:#063b2126!important;color:#063b21!important}[data-theme=light] .form-input:focus{border-color:var(--color-accent)!important;box-shadow:0 0 10px #f29f0526!important}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.glass-panel{background:#0b1510b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.glass-card{background:var(--color-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-green);border-radius:var(--radius-md);transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .3s ease,border-color .3s ease,box-shadow .4s cubic-bezier(.25,1,.5,1);box-shadow:var(--shadow-md)}.glass-card:hover{background:var(--color-bg-card-hover);border-color:#f29f0559;transform:translateY(-6px);box-shadow:var(--shadow-lg),0 12px 30px #0b663833}.glass-card-gold{background:#f29f0508;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .3s ease,border-color .3s ease,box-shadow .4s cubic-bezier(.25,1,.5,1);box-shadow:var(--shadow-md)}.glass-card-gold:hover{background:#f29f050f;border-color:#f29f0573;transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow-gold)}.glow-text-gold{text-shadow:0 0 12px rgba(242,159,5,.4)}.glow-btn-gold{background:linear-gradient(135deg,var(--color-accent),#fbb021);color:#070e0b;font-weight:700;border:none;box-shadow:0 4px 14px #f29f054d,var(--shadow-glow-gold);transition:all var(--transition-fast)}.glow-btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f29f0580,0 0 25px #f29f0566}.glow-btn-gold:active{transform:translateY(0)}.glow-btn-green{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:var(--color-text-primary);font-weight:600;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #063b214d,var(--shadow-glow-green);transition:all var(--transition-fast)}.glow-btn-green:hover{transform:translateY(-2px);box-shadow:0 6px 20px #063b2180,0 0 25px #063b214d}::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #f29f0533}50%{box-shadow:0 0 30px #f29f0566}}.pulse-glow{animation:pulse-glow 3s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#101c1680 25%,#20382c99 37%,#101c1680 63%);background-size:200% 100%;animation:shimmer 1.5s infinite}.view-container{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px 100px}@media (max-width: 768px){.view-container{padding:70px 16px 90px}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;z-index:100;display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -8px 24px #0009;padding:0 10px;background:#070e0bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-item-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;border-radius:var(--radius-md);gap:4px}.nav-item-btn.active{color:var(--color-accent)}.nav-item-btn.active svg{color:var(--color-accent);filter:drop-shadow(0 0 6px rgba(242,159,5,.6));transform:scale(1.1)}.nav-item-btn:hover:not(.active){color:var(--color-text-primary);background:#ffffff08}.category-chip{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border-green);background:#063b2126;color:var(--color-text-secondary);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.category-chip.active{background:var(--color-accent);color:#070e0b;border-color:var(--color-accent);box-shadow:0 4px 12px #f29f054d}.category-chip:hover:not(.active){border-color:var(--color-accent);color:var(--color-text-primary);background:#063b214d}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.form-input{width:100%;background:#0000004d;border:1px solid var(--color-border-green);border-radius:var(--radius-sm);padding:12px 16px;color:var(--color-text-primary);font-size:14px;transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-accent);background:#0006;box-shadow:0 0 10px #f29f0526}.form-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-day-header{font-size:11px;font-weight:700;color:var(--color-text-muted);padding:6px 0}.calendar-day-btn{background:none;border:none;color:var(--color-text-primary);font-size:13px;font-weight:500;padding:8px 0;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.calendar-day-btn:hover:not(:disabled):not(.selected):not(.in-range){background:#ffffff14}.calendar-day-btn:disabled{color:var(--color-text-muted);opacity:.3;cursor:not-allowed}.calendar-day-btn.selected{background:var(--color-accent);color:#070e0b;font-weight:700;box-shadow:0 2px 8px #f29f0566}.calendar-day-btn.in-range{background:#f29f0526;color:var(--color-accent);border-radius:0}.calendar-day-btn.range-start{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.calendar-day-btn.range-end{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.ticket-container{position:relative;background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow-gold)}.ticket-divider{position:relative;height:20px;border-top:2px dashed rgba(242,159,5,.3);margin:10px 0}.ticket-divider:before,.ticket-divider:after{content:"";position:absolute;top:-10px;width:20px;height:20px;border-radius:50%;background-color:var(--color-bg-base)}.ticket-divider:before{left:-11px;border-right:1.5px solid var(--color-border)}.ticket-divider:after{right:-11px;border-left:1.5px solid var(--color-border)}
