:root{--white:#fff;--shadow:0 4px 20px #0000004d;--egyptian-blue:#d4af37;--light-blue:#d4af371a;--gold-gradient:linear-gradient(135deg,#d4af37,#ffe55c);--gold-gradient-hover:linear-gradient(135deg,#ffe55c,#d4af37);--dark-bg:linear-gradient(135deg,#000,#1a1a1a);--dark-bg-scrolled:linear-gradient(135deg,#000,#0a0a0a)}@media (prefers-reduced-motion:reduce){#systemName,.desktop-avatar,.header,.logo-wrapper,.menu-btn{transition:none!important}#systemName:hover,.logo-wrapper:hover{transform:none!important}}.header{background:linear-gradient(135deg,#000,#1a1a1a);background:var(--dark-bg);border-bottom:1px solid #d4af3733;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow);padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:linear-gradient(135deg,#000,#0a0a0a);background:var(--dark-bg-scrolled);box-shadow:0 8px 30px #0006;padding:10px 20px}.menu-btn{align-items:center;background:none;border:none;border-radius:5px;color:#d4af37;color:var(--egyptian-blue);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:background-color .2s,transform .2s;width:40px}.menu-btn:hover{background-color:#d4af371a;background-color:var(--light-blue)}#systemName:focus-visible,.desktop-avatar:focus-visible,.logo-container:focus-visible,.menu-btn:focus-visible{border-radius:5px;outline:2px solid #d4af37;outline:2px solid var(--egyptian-blue);outline-offset:2px}.menu-btn:active{transform:scale(.95)}.logo-container{flex-shrink:0}.logo-wrapper{background:none;box-shadow:none;flex-shrink:0;height:50px;transition:all .3s ease;width:50px}.logo-wrapper:hover{box-shadow:none;transform:scale(1.05)}.logo{object-fit:cover;padding:0}.system-name-container{flex:1 1;text-align:center}#systemName{background:linear-gradient(135deg,#d4af37,#ffe55c);background:var(--gold-gradient);color:#d4af37;font-size:1.5rem;letter-spacing:1px;margin:0}#systemName:hover{background:linear-gradient(135deg,#ffe55c,#d4af37);background:var(--gold-gradient-hover)}.tagline{color:#d4af37d9;display:block;font-size:.7rem;letter-spacing:.5px;margin-top:2px}.desktop-user-info{margin-left:1rem}.desktop-avatar{align-items:center;background:linear-gradient(135deg,#d4af37,#000);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:40px}.desktop-avatar:hover{box-shadow:0 4px 12px #d4af3766;transform:scale(1.05)}.desktop-avatar:active{transform:scale(.95)}.header.skeleton #systemName,.header.skeleton .desktop-avatar,.header.skeleton .logo{animation:loading 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%}.header.skeleton .logo{border-radius:50%}.header.skeleton #systemName{-webkit-text-fill-color:#0000;-webkit-background-clip:unset;background-clip:initial;border-radius:4px;color:#0000;margin:0 auto;width:200px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header{padding:10px 12px}.header.scrolled{padding:8px 12px}.system-name-container{flex:0 1 auto}#systemName{font-size:.9rem}.tagline{display:none}.logo-wrapper,.menu-btn{height:35px;width:35px}.menu-btn{font-size:18px}.desktop-avatar{font-size:.9rem;height:35px;width:35px}@media (min-width:769px){.header{padding:12px 15px}.header.scrolled{padding:10px 15px}.system-name-container{flex:1 1}#systemName{font-size:1rem}.tagline{display:block}.logo-wrapper,.menu-btn{height:40px;width:40px}.menu-btn{font-size:20px}.desktop-avatar{font-size:1rem;height:40px;width:40px}}@media (min-width:1025px){.header{padding:15px 20px}.header.scrolled{padding:12px 20px}#systemName{font-size:1.5rem}.logo-wrapper{height:50px;width:50px}}@media (min-width:1440px){.header{padding:18px 24px}#systemName{font-size:1.8rem}.tagline{font-size:.8rem}.logo-wrapper{height:60px;width:60px}.desktop-avatar{font-size:1.1rem;height:45px;width:45px}}@media print{.header{display:none}}body{max-width:100vw}.App,body{overflow-x:hidden;width:100%}.main-content{max-width:calc(100vw - 280px);overflow-x:hidden;width:calc(100% - 280px)}.side-nav.collapsed~.main-content{margin-left:80px;max-width:calc(100vw - 80px);width:calc(100% - 80px)}.events-grid{grid-gap:25px;animation:fadeIn 1s ease;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 5%}.event-card-compact{background:#fff;border:1px solid #d4af371a;border-radius:15px;box-shadow:0 10px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:380px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.event-card-compact:before{background:linear-gradient(90deg,#d4af37,#000,#d4af37);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s ease;z-index:2}.event-card-compact:hover:before{transform:translateX(0)}.event-card-compact:hover{border-color:#d4af37;box-shadow:0 20px 35px #d4af374d;transform:translateY(-10px)}.event-card-compact .event-image-wrapper{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.event-card-compact .event-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.event-card-compact:hover .event-image{transform:scale(1.1)}.event-card-compact .event-image-wrapper:after{background:linear-gradient(135deg,#0000,#d4af3733);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.event-card-compact:hover .event-image-wrapper:after{opacity:1}.event-card-compact .event-details{background:linear-gradient(135deg,#fffffffa,#fffffff2);display:flex;flex:1 1;flex-direction:column;padding:15px;position:relative}.event-card-compact h3{color:#000;display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:8px;overflow:hidden;position:relative;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.event-card-compact h3:after{background:linear-gradient(90deg,#d4af37,#000);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.event-card-compact:hover h3:after{width:100%}.event-card-compact:hover h3{color:#d4af37}.event-card-compact p{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px;margin:6px 0;transition:color .3s ease}.event-card-compact p i{color:#d4af37;font-size:.85rem;width:18px}.event-card-compact:hover p{color:#444}.event-card-compact .event-badge{background:linear-gradient(135deg,#000,#d4af37);border-radius:25px;box-shadow:0 4px 12px #d4af3766;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:12px;text-transform:uppercase;top:12px;transition:all .3s ease;z-index:2}.event-card-compact:hover .event-badge{box-shadow:0 6px 16px #d4af3780;transform:scale(1.05)}.price-range{align-items:center;border-top:1px solid #d4af3733;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px;padding-top:8px}.price-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.discount-badge{animation:pulse 2s ease infinite;background:linear-gradient(135deg,#d4af37,#b8942e);border-radius:20px;color:#000;font-size:.7rem;font-weight:700;padding:3px 10px}.event-actions{display:flex;gap:10px;margin-top:12px;padding-top:8px}.event-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.event-btn i{font-size:.85rem;transition:transform .3s ease}.event-btn:hover i{transform:translateX(3px)}.event-btn:active{transform:scale(.97)}.view-btn{background:#0000;border:2px solid #d4af37;color:#000}.view-btn:before{background:linear-gradient(135deg,#d4af37,#b8942e);border-radius:30px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.view-btn:hover:before{opacity:1}.view-btn:hover{border-color:#0000;box-shadow:0 4px 12px #d4af374d;color:#fff;transform:translateY(-2px)}.view-btn:hover i{color:#fff;transform:translateX(3px)}.buy-btn{background:linear-gradient(135deg,#000,#d4af37);box-shadow:0 3px 10px #d4af374d;color:#fff}.buy-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:-1}.buy-btn:hover:before{left:100%}.buy-btn:hover{box-shadow:0 6px 18px #d4af3780;transform:translateY(-2px)}.buy-btn:active{transform:translateY(0)}.event-card-compact:after{background:linear-gradient(90deg,#d4af37,#000,#d4af37);border-radius:0 0 15px 15px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease;z-index:2}.event-card-compact:hover:after{transform:scaleX(1)}@media (max-width:768px){.events-grid{gap:20px;padding:15px 4%}.event-card-compact .event-image-wrapper{height:160px}.event-card-compact h3{font-size:1.1rem}.event-card-compact p{font-size:.8rem}.event-btn{font-size:.75rem;padding:6px 10px}.event-btn i{font-size:.8rem}.event-badge{font-size:.7rem;padding:4px 12px}.price-value{font-size:.9rem}}@media (max-width:480px){.events-grid{gap:16px;grid-template-columns:1fr;padding:12px 3%}.event-card-compact .event-image-wrapper{height:140px}.event-card-compact .event-details{padding:12px}.event-card-compact h3{font-size:1rem;margin-bottom:4px}.event-card-compact p{font-size:.75rem;margin:4px 0}.event-actions{gap:8px;margin-top:8px}.event-btn{gap:5px;padding:5px 8px}.event-btn,.event-btn i{font-size:.7rem}.event-badge{font-size:.65rem;padding:3px 10px;right:8px;top:8px}.price-range{margin-top:6px;padding-top:6px}.price-value{font-size:.85rem}.discount-badge{font-size:.6rem;padding:2px 6px}}@media print{.event-card-compact{border:1px solid #e0e0e0;box-shadow:none;break-inside:avoid;height:auto;page-break-inside:avoid}.discount-badge,.event-actions,.event-badge{display:none}.event-card-compact .event-image-wrapper{height:auto}.event-card-compact .event-details{background:#fff;position:relative;transform:none}.event-card-compact:hover .event-details{transform:none}.event-card-compact:after,.event-card-compact:before{display:none}}@media (prefers-reduced-motion:reduce){.buy-btn:before,.event-btn,.event-btn:before,.event-card-compact,.event-details,.event-image,.view-btn:before,h3:after{animation:none;transition:none}.event-btn:hover i,.event-card-compact:hover,.event-card-compact:hover .event-details,.event-card-compact:hover .event-image{transform:none}.view-btn:hover:before{opacity:0}.buy-btn:hover:before{left:-100%}.discount-badge{animation:none}}.event-detail-container{animation:fadeIn .5s ease;box-sizing:border-box;margin:30px auto;max-width:1200px;overflow-x:hidden;padding:0 20px;width:100%}.event-detail-hero img{height:auto;object-fit:contain;width:100%}.event-detail-header{word-wrap:break-word;background:linear-gradient(135deg,#fffffff2,#fff);overflow-wrap:break-word;padding:30px}.event-detail-header h1{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:15px;word-break:break-word}.event-meta{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.event-meta-item{align-items:center;background:#f8f9fa;border-radius:12px;color:#666;display:flex;font-size:1rem;gap:10px;padding:10px 20px;white-space:nowrap}.detail-timer{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:20px;margin:30px 0;padding:30px}.detail-timer h3{color:#d4af37;font-size:1.5rem;margin-bottom:20px;text-align:center}.split-timer-large{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.timer-unit-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:2px solid #d4af374d;border-radius:20px;min-width:120px;padding:20px;text-align:center}.timer-unit-large .timer-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1}.timer-unit-large .timer-label{color:#d4af37e6;font-size:1rem;letter-spacing:2px;text-transform:uppercase}@media (max-width:768px){.timer-unit-large{min-width:80px;padding:15px}.timer-unit-large .timer-value{font-size:2rem}}@media (max-width:480px){.timer-unit-large{min-width:65px;padding:12px}.timer-unit-large .timer-value{font-size:1.5rem}.timer-unit-large .timer-label{font-size:.7rem}}.tickets-section{background:#fff;border-radius:30px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;overflow-x:hidden;padding:30px;scroll-margin-top:100px;width:100%}.tickets-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.ticket-card{background:#fff;border:2px solid #d4af3733;border-radius:20px;box-shadow:0 10px 20px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ticket-name{color:#000;display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:12px;padding-right:80px;position:relative;word-break:break-word}.table-container{width:100%}table{min-width:600px}.bottom-nav{max-width:100vw;width:100%}.bottom-nav-items{padding:0 10px;width:100%}.bottom-nav-item{min-width:0}.bottom-nav-item a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-bottom-nav{max-width:100vw;width:100%}@media (max-width:1024px){.admin-bottom-nav{display:block}.side-nav{display:none}.main-content{max-width:100vw;padding:15px}.main-content,.side-nav.collapsed~.main-content{margin-left:0;width:100%}.bottom-nav{display:block}}@media (max-width:768px){.event-detail-hero img{height:250px}.event-detail-header h1{font-size:1.8rem}.event-meta{gap:10px}.event-meta-item{font-size:.8rem;padding:6px 12px;white-space:nowrap}.event-description{font-size:.95rem;word-break:break-word}.timer-unit-large{min-width:70px;padding:12px}.timer-unit-large .timer-value{font-size:1.5rem}.timer-unit-large .timer-label{font-size:.7rem}.tickets-section{padding:20px}.tickets-section h2{font-size:1.5rem}.tickets-grid{gap:20px;grid-template-columns:1fr}.ticket-card{padding:20px}.ticket-name{font-size:1.25rem;padding-right:70px}.event-actions{flex-wrap:wrap}.event-btn{font-size:.75rem;padding:8px 12px}.bottom-nav-item a span{font-size:.6rem}}@media (max-width:480px){.event-detail-hero img{height:180px}.event-detail-header h1{font-size:1.5rem}.event-detail-header{padding:15px}.event-meta{gap:8px}.event-meta-item{font-size:.7rem;padding:4px 8px}.timer-unit-large{min-width:55px;padding:8px}.timer-unit-large .timer-value{font-size:1.2rem}.tickets-section{padding:15px}.tickets-section h2{font-size:1.3rem}.ticket-card{padding:15px}.ticket-name{font-size:1.1rem;padding-right:60px}.ticket-price{font-size:1.4rem}.purchase-btn{font-size:.85rem;padding:10px 20px}.event-actions{flex-direction:column;gap:8px}.event-btn{width:100%}.bottom-nav-item a span{font-size:.55rem}.bottom-nav-item a i{font-size:1rem}}.customer-info,.detail-value,.event-description,.ticket-name{overflow-wrap:break-word;word-break:break-word}.container,.event-detail-container,.main-content,.payments-container,.tickets-section,.validation-container{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.admin-mobile-header{max-width:100vw}.mobile-header-content{padding:0 12px}.bottom-floating-menu,.mobile-admin-menu{left:auto;max-width:calc(100vw - 24px);right:12px}@media (max-width:480px){.bottom-floating-menu,.mobile-admin-menu{left:12px;max-width:calc(100vw - 24px);right:12px}}body,html{overflow-x:hidden;position:relative;width:100%}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.desktop-container{display:flex;min-height:100vh}.side-nav{background:linear-gradient(135deg,#000,#1a1a1a);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;overflow-y:auto;padding:30px 0;position:fixed;transition:all .3s ease;width:280px;z-index:1000}.logo-wrapper{flex-direction:column;margin-bottom:25px}.logo:hover{transition:transform .3s ease}.system-name{word-wrap:break-word;color:#fff;font-size:1rem;margin-top:8px;text-align:center}.nav-items{padding:0 15px}.nav-item{border-radius:10px;margin-bottom:5px}.nav-item a{border-radius:10px;color:#fffc;padding:15px 20px}.nav-item a i{font-size:1.2rem;width:30px}.nav-item a span{flex:1 1}.nav-item.active a,.nav-item:hover a{background:#d4af3733;color:#d4af37;transform:translateX(5px)}.main-content{flex:1 1;margin-left:280px;padding:20px}.desktop-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 30px}.header-title h1{color:#333;font-size:1.8rem;margin-bottom:5px}.header-title p{color:#666;font-size:.9rem}.admin-profile{align-items:center;display:flex;gap:20px}.admin-info{text-align:right}.admin-name{color:#333;font-size:1.1rem;font-weight:600}.admin-role{color:#666;font-size:.85rem}.admin-avatar{align-items:center;background:linear-gradient(135deg,#000,#d4af37);border-radius:50%;box-shadow:0 3px 10px #0000004d;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;text-transform:uppercase;width:50px}.admin-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.dashboard-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:25px;transition:all .3s ease}.card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-header i{color:#d4af37;font-size:2rem}.card-value{color:#333;font-size:2rem;font-weight:700}.card-label{color:#666;font-size:.9rem}.bottom-nav{background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:5px 0;position:fixed;right:0;z-index:1000}.bottom-nav-items{padding:0}.bottom-nav-item a{transition:all .3s ease}.mobile-header{background:#fff;box-shadow:0 2px 10px #0000001a;display:none;padding:15px;position:sticky;top:0;z-index:999}.mobile-logo{gap:10px}.mobile-logo img{background:linear-gradient(135deg,#000,#d4af37);border-radius:50%;height:40px;object-fit:contain;padding:5px;width:40px}.mobile-logo h2{color:#333;font-size:1.2rem;margin:0}.mobile-profile{gap:10px}.mobile-welcome{text-align:right}.mobile-welcome .greeting{color:#666;font-size:.8rem}.mobile-welcome .name{color:#333;font-size:.9rem;font-weight:600}.mobile-avatar{background:linear-gradient(135deg,#000,#d4af37);font-size:1rem;font-weight:600}.login-page{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{animation:fadeInUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;padding:40px;width:100%}.login-logo{margin-bottom:30px;text-align:center}.login-logo img{background:#fff;border-radius:50%;box-shadow:0 5px 15px #0003;height:100px;padding:10px;width:100px}.login-container h2{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.login-btn{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 5px 20px #0006;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#f443361a}.error-message,.success-message{border-radius:5px;font-size:.9rem;margin-top:15px;padding:10px}.success-message{background:#d4edda;border:1px solid #c3e6cb}.loading-spinner{padding:30px}.spinner{border:3px solid #f3f3f3;height:40px;width:40px}.table-container{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow-x:auto;padding:20px}table{border-collapse:collapse;min-width:800px;width:100%}th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;text-align:left}td,th{padding:12px}td{border-bottom:1px solid #e0e0e0;color:#666}tr:hover td{background:#f8f9fa}.status-badge{font-size:.8rem;padding:5px 10px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.action-btn{background:#0000;border-radius:5px;font-size:.85rem;margin:0 3px;padding:6px 12px}.action-btn.edit{background:#000;color:#fff}.action-btn.delete{background:#f44336;color:#fff}.action-btn.view{background:#d4af37;color:#000}.action-btn:hover{box-shadow:0 3px 10px #0003;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.content-section{animation:fadeIn .3s ease;display:none}.content-section.active{display:block}.modal-overlay{padding:20px}.modal-content{animation:fadeInUp .3s ease;max-width:600px;width:100%}.close{font-size:24px;top:20px}.close:hover{background:#d4af371a;color:#d4af37}.modal-btn{background:linear-gradient(135deg,#000,#d4af37)}.modal-btn:hover:not(:disabled){box-shadow:0 5px 20px #0006;transform:translateY(-2px)}.modal-btn.secondary:hover{background:#5a6268}.modal-btn:disabled{opacity:.5}.filter-buttons{margin-bottom:20px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#666;font-size:.9rem;padding:8px 16px}.filter-btn.active,.filter-btn:hover{border-color:#d4af37}.filter-btn.active{background:#d4af37;color:#000}.form-row{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.ticket-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ticket-input-group input{flex:1 1}.remove-ticket-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.remove-ticket-btn:hover{background:#d32f2f;transform:scale(1.1)}.add-ticket-btn{background:#d4af37;border:none;border-radius:20px;color:#000;cursor:pointer;margin-top:10px;padding:8px 16px;transition:all .3s ease}.add-ticket-btn:hover{box-shadow:0 3px 10px #d4af374d;transform:translateY(-2px)}@media (max-width:1024px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.side-nav{display:none}.main-content{margin-left:0;padding:15px 15px 80px}.desktop-header{display:none}.bottom-nav,.mobile-header{display:block}.dashboard-cards{gap:15px;grid-template-columns:1fr}.card{padding:20px}.form-row{gap:10px;grid-template-columns:1fr}.modal-content{margin:10px;padding:20px}.table-container{padding:10px}td,th{font-size:.9rem;padding:8px}.action-btn{font-size:.8rem;padding:4px 8px}}@media (max-width:480px){.login-container{padding:20px}.card-value,.login-container h2{font-size:1.5rem}.header-title h1{font-size:1.4rem}.mobile-logo h2{font-size:1rem}.mobile-welcome .name{font-size:.8rem}.mobile-avatar{font-size:.9rem;height:35px;width:35px}.filter-buttons{gap:5px}.filter-btn{font-size:.8rem;padding:6px 12px}}@media print{.action-btn,.bottom-nav,.filter-buttons,.mobile-header,.side-nav{display:none!important}.main-content{margin:0;padding:0}.desktop-header,.table-container{border:1px solid #e0e0e0;box-shadow:none}}.text-right{text-align:right}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-20{padding:20px}.w-100{width:100%}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.gap-20{gap:20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px}.form-actions .btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .3s ease}.form-actions .btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.form-actions .btn-submit{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .3s ease}.form-actions .btn-submit:hover:not(:disabled){box-shadow:0 5px 15px #d4af374d;transform:translateY(-2px)}.search-bar{gap:15px;margin-bottom:25px}.search-input{min-width:200px}.search-input input{border:2px solid #e0e0e0;font-size:14px;padding:12px 15px 12px 40px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px}.pagination button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .3s ease}.pagination button:hover:not(:disabled){border-color:#d4af37;color:#d4af37;transform:translateY(-2px)}.pagination button.active{background:linear-gradient(135deg,#000,#d4af37);border-color:#d4af37;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination .page-info{color:#666;font-size:14px;padding:8px 14px}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.dropdown-toggle:hover{border-color:#d4af37;color:#d4af37}.dropdown-menu{border-radius:10px;box-shadow:0 5px 20px #00000026;display:none;margin-top:5px;min-width:180px;right:0;top:100%;z-index:1000}.dropdown-menu.show{animation:fadeInUp .2s ease;display:block}.dropdown-menu a{color:#666;display:block;padding:10px 20px;text-decoration:none;transition:all .3s ease}.dropdown-menu a:hover{background:#d4af371a;color:#d4af37}.toast-container{position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-left:4px solid;border-radius:10px;box-shadow:0 5px 15px #0003;display:flex;gap:12px;margin-bottom:10px;min-width:280px;padding:15px 20px}.toast-success{border-left-color:#d4af37}.toast-error{border-left-color:#f44336}.toast-info{border-left-color:#2196f3}.toast-warning{border-left-color:#ff9800}.toast i{font-size:1.2rem}.toast-success i{color:#d4af37}.toast-message{color:#333;flex:1 1;font-size:.9rem}.toast-close{color:#999;cursor:pointer;transition:color .3s ease}.toast-close:hover{color:#d4af37}.file-upload{border:2px dashed #e0e0e0;border-radius:10px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.file-upload:hover{background:#d4af370d;border-color:#d4af37}.file-upload i{color:#d4af37;font-size:2rem;margin-bottom:10px}.file-upload p{color:#666;margin:5px 0}.file-upload .file-info{color:#999;font-size:.8rem}.progress-bar{background:#f0f0f0;margin:10px 0}.progress-fill{overflow:hidden;position:relative}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.chart-container{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:25px;padding:20px}.chart-title{border-bottom:2px solid #d4af37;color:#333;display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-item{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 5px 20px #d4af3726;transform:translateY(-3px)}.stat-value{margin-bottom:8px}.stat-label{letter-spacing:.5px;text-transform:uppercase}.toggle-switch{display:inline-block;height:26px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background:linear-gradient(135deg,#000,#d4af37)}input:checked+.toggle-slider:before{transform:translateX(26px)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:4px 10px}.badge-primary{background:#d4af371a;color:#d4af37}.badge-secondary{background:#0000001a;color:#000}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#000;border-radius:6px;bottom:125%;color:#d4af37;font-size:.75rem;left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.empty-state{border-radius:15px;box-shadow:0 5px 15px #0000001a}.empty-state i{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#333;margin-bottom:10px}.empty-state p{margin-bottom:20px}.card-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:15px;padding-top:15px}.card-action-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:.85rem;padding:8px;transition:all .3s ease}.card-action-btn:hover{border-color:#d4af37;color:#d4af37;transform:translateY(-2px)}.timeline{margin:20px 0;padding-left:30px;position:relative}.timeline:before{background:linear-gradient(180deg,#d4af37,#000);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:25px;position:relative}.timeline-item:before{background:#d4af37;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #d4af37;content:"";height:12px;left:-26px;position:absolute;top:0;width:12px}.timeline-date{color:#d4af37;font-size:.75rem}.timeline-date,.timeline-title{font-weight:600;margin-bottom:5px}.timeline-title{color:#333}.timeline-description{color:#666;font-size:.85rem}@media (max-width:768px){.stats-summary{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.4rem}.search-bar{flex-direction:column}.search-input{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}.timeline{padding-left:20px}.timeline-item:before{left:-18px}}@media (max-width:480px){.stats-summary{grid-template-columns:1fr}.toast-container{left:20px;right:20px}.toast{min-width:auto}.dropdown-menu{bottom:80px;left:20px;position:fixed;right:20px;top:auto}.empty-state{padding:40px 15px}.empty-state i{font-size:3rem}}@media print{.card-actions,.chart-container,.dropdown,.form-actions,.pagination,.toast-container{break-inside:avoid;page-break-inside:avoid}.card,.stat-item{box-shadow:none}.badge,.card,.stat-item{border:1px solid #e0e0e0}}.admin-side-nav{background:linear-gradient(180deg,#000,#0a0a0a);box-shadow:4px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.admin-side-nav::-webkit-scrollbar{width:4px}.admin-side-nav::-webkit-scrollbar-track{background:#ffffff0d}.admin-side-nav::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.admin-side-nav::-webkit-scrollbar-thumb:hover{background:#ffe55c}.admin-side-nav.collapsed{width:80px}.admin-side-nav.collapsed .logo-section{justify-content:center;padding:20px 0}.admin-side-nav.collapsed .logo-wrapper{margin:0 auto}.admin-side-nav.collapsed .nav-item a{justify-content:center;padding:12px}.admin-side-nav.collapsed .nav-item a i{font-size:1.3rem;margin:0}.admin-side-nav.collapsed .nav-item a span{display:none}.admin-side-nav.collapsed .nav-footer{padding:20px 0}.nav-toggle-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#000);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .3s ease;width:24px;z-index:1001}.nav-toggle-btn:hover{box-shadow:0 4px 12px #d4af3766;transform:scale(1.1)}.logo-section{border-bottom:1px solid #d4af3733;margin-bottom:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.logo-wrapper{box-shadow:0 4px 15px #d4af374d;height:70px;margin:0 auto 15px;padding:4px;width:70px}.logo-img{background:#fff;border-radius:50%;height:100%;object-fit:contain;padding:5px;width:100%}.logo-fallback{background:linear-gradient(135deg,#d4af37,#b8942e);color:#000;font-size:1.5rem;font-weight:700}.brand-info{text-align:center}.system-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;letter-spacing:1px}.system-tagline{color:#d4af37b3;font-size:.7rem;margin-top:4px}.user-profile{background:#d4af371a;border:1px solid #d4af3733;border-radius:12px;gap:12px;margin:0 15px 20px;padding:15px 20px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#d4af37,#000);border-radius:50%;box-shadow:0 2px 8px #d4af374d;color:#fff;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;text-transform:uppercase;width:45px}.user-info{flex:1 1}.user-name{color:#d4af37;font-size:.9rem;font-weight:600;margin-bottom:2px}.user-role{color:#fff9;font-size:.7rem}.nav-items{flex:1 1;list-style:none;margin:0;padding:0}.nav-item{margin:5px 15px}.nav-item,.nav-item a{border-radius:12px;transition:all .3s ease}.nav-item a{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;padding:12px 16px;position:relative;text-decoration:none}.nav-item a i{font-size:1.1rem;transition:all .3s ease;width:28px}.nav-item a span{font-size:.9rem;font-weight:500}.nav-item:hover a{background:#d4af3726;color:#d4af37;transform:translateX(5px)}.nav-item.active a{background:linear-gradient(135deg,#d4af3733,#0003);border-left:3px solid #d4af37;color:#d4af37}.nav-item.active a i,.nav-tooltip{color:#d4af37}.nav-tooltip{background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid #d4af374d;border-radius:8px;box-shadow:0 2px 10px #0000004d;font-size:.8rem;left:70px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1002}.nav-item a:hover .nav-tooltip{opacity:1;visibility:visible}.nav-footer{border-top:1px solid #d4af3733;margin-top:auto;padding:20px}.admin-email{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;gap:10px;margin-bottom:10px;padding:8px 0;word-break:break-all}.admin-email i{color:#d4af37;font-size:.8rem}.logout-item{margin:0}.logout-item a{color:#ffffffb3}.logout-item:hover a{background:#f4433626;color:#f44336}.logout-item:hover a i{color:#f44336}.admin-side-nav~.main-content{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-side-nav.collapsed~.main-content{margin-left:80px}@media (max-width:768px){.admin-side-nav{box-shadow:none;transform:translateX(-100%)}.admin-side-nav.open{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}.admin-side-nav.collapsed~.main-content,.admin-side-nav~.main-content{margin-left:0}.nav-toggle-btn{display:none}}.mobile-menu-toggle{background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid #d4af374d;border-radius:12px;box-shadow:0 2px 10px #0003;color:#d4af37;cursor:pointer;display:none;font-size:1.2rem;height:45px;left:15px;position:fixed;top:15px;transition:all .3s ease;width:45px;z-index:1001}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#1a1a1a,#000);border-color:#d4af37;transform:scale(1.05)}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}@media (prefers-reduced-motion:reduce){.admin-side-nav,.nav-item a,.nav-toggle-btn,.nav-tooltip{animation:none;transition:none}.nav-item a:hover .nav-tooltip{visibility:hidden}}.admin-mobile-header{background:linear-gradient(135deg,#000,#1a1a1a);border-bottom:2px solid #d4af37;box-shadow:0 4px 20px #0000004d;box-sizing:border-box;display:none;padding:10px 16px;position:sticky;top:0;width:100%;z-index:1000}@media (max-width:1024px){.admin-mobile-header{display:block}}.mobile-header-content{align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;width:100%}.mobile-logo{align-items:center;display:flex;flex-shrink:0}.logo-wrapper{background:linear-gradient(135deg,#d4af37,#000);box-shadow:0 2px 8px #d4af374d;height:40px;padding:3px;width:40px}.logo-wrapper img{object-fit:contain;padding:4px}.logo-fallback,.logo-wrapper img{background:#fff;border-radius:50%;height:100%;width:100%}.logo-fallback{align-items:center;color:#d4af37;display:flex;font-size:1rem;justify-content:center}.system-name-center{flex:1 1;overflow:hidden;padding:0 8px;text-align:center}.system-name-center h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700;line-height:1.2;margin:0}.system-name-center h2,.system-name-center span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-name-center span{color:#d4af37b3;display:block;font-size:.6rem}.mobile-profile{flex-shrink:0}.mobile-avatar,.mobile-profile{align-items:center;display:flex}.mobile-avatar{background:linear-gradient(135deg,#d4af37,#000);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:40px;justify-content:center;position:relative;text-transform:uppercase;transition:all .3s ease;width:40px}.mobile-avatar i{background:#000;border-radius:50%;bottom:-2px;color:#d4af37;font-size:.6rem;padding:2px;position:absolute;right:-2px;transition:transform .3s ease}.mobile-avatar.active i{transform:rotate(180deg)}.mobile-avatar:hover{box-shadow:0 4px 12px #d4af3766;transform:scale(1.05)}.mobile-menu-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.mobile-admin-menu{animation:slideInDown .3s ease;background:#fff;border:1px solid #d4af374d;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-height:calc(100vh - 85px);max-width:calc(100vw - 32px);min-width:280px;overflow-x:hidden;overflow-y:auto;position:fixed;right:16px;top:65px;z-index:1101}.mobile-admin-menu::-webkit-scrollbar{width:4px}.mobile-admin-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.mobile-admin-menu::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.menu-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #d4af3733;gap:12px;padding:16px}.menu-avatar,.menu-header{align-items:center;display:flex}.menu-avatar{background:linear-gradient(135deg,#d4af37,#000);border-radius:50%;box-shadow:0 3px 10px #0003;color:#fff;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;text-transform:uppercase;width:48px}.menu-user-info{flex:1 1;min-width:0}.menu-user-name{color:#000;font-size:.9rem;font-weight:700}.menu-user-email,.menu-user-name{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-email{color:#666;font-size:.7rem;word-break:break-all}.menu-user-role{color:#d4af37;font-size:.65rem;font-weight:600}.menu-section{padding:6px 0}.menu-section-title{align-items:center;border-bottom:1px solid #d4af371a;color:#888;display:flex;font-size:.65rem;font-weight:600;gap:8px;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.menu-section-title i{color:#d4af37;font-size:.65rem}.menu-divider{background:linear-gradient(90deg,#0000,#d4af37,#0000);height:1px;margin:4px 0}.menu-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:12px;padding:10px 16px;transition:all .3s ease}.menu-item i{color:#d4af37;font-size:.9rem;transition:all .3s ease;width:20px}.menu-item span{flex:1 1}.menu-item:hover{background:#d4af371a;color:#d4af37;transform:translateX(3px)}.menu-item:hover i{transform:scale(1.05)}.logout-item{border-top:1px solid #0000000d;margin-top:4px}.logout-item,.logout-item i{color:#f44336}.logout-item:hover{background:#f443361a;color:#f44336}.menu-footer{background:#fafafa;border-top:1px solid #d4af371a;color:#aaa;display:flex;font-size:.6rem;justify-content:space-between;padding:12px 16px}@media (max-width:480px){.admin-mobile-header{padding:8px 12px}.logo-wrapper{height:35px;width:35px}.system-name-center h2{font-size:.85rem}.system-name-center span{font-size:.55rem}.mobile-avatar{font-size:.8rem;height:35px;width:35px}.mobile-avatar i{font-size:.55rem}.mobile-admin-menu{left:12px;max-width:none;min-width:auto;right:12px;top:55px}.menu-header{padding:12px}.menu-avatar{font-size:.9rem;height:40px;width:40px}.menu-user-name{font-size:.85rem}.menu-user-email{font-size:.65rem}.menu-item{font-size:.8rem;padding:8px 12px}.menu-section-title{font-size:.6rem;padding:6px 12px}.menu-footer{font-size:.55rem;padding:10px 12px}}@supports (padding-top:env(safe-area-inset-top)){.admin-mobile-header{padding-top:calc(10px + env(safe-area-inset-top))}.mobile-admin-menu{top:calc(65px + env(safe-area-inset-top))}@media (max-width:480px){.mobile-admin-menu{top:calc(55px + env(safe-area-inset-top))}}}@media (prefers-reduced-motion:reduce){.admin-mobile-header,.menu-item,.mobile-admin-menu,.mobile-avatar{animation:none;transition:none}.mobile-avatar.active i{transform:none}.mobile-admin-menu{animation:none}}.admin-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border-top:2px solid #d4af37;bottom:0;box-shadow:0 -4px 20px #00000026;display:none;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}@media (max-width:1024px){.admin-bottom-nav{display:block}}.bottom-nav-items{align-items:center;display:flex;justify-content:space-around;list-style:none;margin:0;padding:0 8px}.bottom-nav-item{flex:1 1;position:relative;text-align:center}.bottom-nav-item a{align-items:center;border-radius:12px;color:#666;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px 5px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-item a i{font-size:1.2rem;margin-bottom:4px;transition:all .3s ease}.bottom-nav-item a span{font-size:.7rem;font-weight:500;transition:all .3s ease}.bottom-nav-item.active a{color:#d4af37;transform:translateY(-3px)}.bottom-nav-item.active a i{text-shadow:0 0 8px #d4af3780;transform:scale(1.1)}.bottom-nav-item.active a span{color:#d4af37;font-weight:600}.active-indicator{animation:slideIn .3s ease;background:linear-gradient(90deg,#d4af37,#000);border-radius:3px;bottom:-8px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.bottom-nav-item a:hover:not(.menu-trigger){background:#d4af371a;transform:translateY(-2px)}.bottom-nav-item.menu-item a{position:relative}.bottom-nav-item.menu-item.active a{color:#d4af37;transform:translateY(-3px)}.bottom-nav-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.bottom-floating-menu{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border:1px solid #d4af374d;border-radius:20px;bottom:70px;box-shadow:0 10px 30px #0000004d;min-width:220px;overflow:hidden;position:fixed;right:15px;z-index:1101}.floating-menu-header{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);color:#d4af37;display:flex;gap:10px;padding:15px 20px}.floating-menu-header i{font-size:1rem}.floating-menu-header span{font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.floating-menu-divider{background:linear-gradient(90deg,#0000,#d4af37,#0000);height:1px;margin:0}.floating-menu-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 20px;transition:all .3s ease}.floating-menu-item i:first-child{color:#d4af37;font-size:1rem;transition:all .3s ease;width:24px}.floating-menu-item span{flex:1 1}.active-check{color:#d4af37;font-size:.8rem;margin-left:auto}.floating-menu-item:hover{background:#d4af371a;color:#d4af37;transform:translateX(5px)}.floating-menu-item:hover i:first-child{transform:scale(1.1)}.floating-menu-item.active{background:#d4af3726;border-left:3px solid #d4af37;color:#d4af37}@media (max-width:768px){.admin-bottom-nav{padding:6px 0}.bottom-nav-items{padding:0 5px}.bottom-nav-item a{padding:6px 3px}.bottom-nav-item a i{font-size:1.1rem;margin-bottom:3px}.bottom-nav-item a span{font-size:.65rem}.active-indicator{bottom:-6px;height:2px;width:25px}@keyframes slideIn{0%{width:0}to{width:25px}}.bottom-floating-menu{bottom:65px;min-width:200px;right:12px}.floating-menu-item{font-size:.85rem;padding:10px 16px}.floating-menu-header{padding:12px 16px}.floating-menu-header span{font-size:.8rem}}@media (max-width:480px){.admin-bottom-nav{padding:5px 0}.bottom-nav-item a i{font-size:1rem}.bottom-nav-item a span{font-size:.6rem}.bottom-floating-menu{bottom:60px;left:10px;min-width:auto;right:10px}.active-indicator{width:20px}@keyframes slideIn{0%{width:0}to{width:20px}}}@supports (padding-bottom:env(safe-area-inset-bottom)){.admin-bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom-floating-menu{bottom:calc(70px + env(safe-area-inset-bottom))}@media (max-width:768px){.bottom-floating-menu{bottom:calc(65px + env(safe-area-inset-bottom))}}@media (max-width:480px){.bottom-floating-menu{bottom:calc(60px + env(safe-area-inset-bottom))}}}@media (prefers-reduced-motion:reduce){.bottom-floating-menu,.bottom-nav-item a,.bottom-nav-overlay,.floating-menu-item{animation:none;transition:none}.bottom-nav-item.active a{transform:none}.active-indicator,.bottom-floating-menu{animation:none}}@media print{.admin-bottom-nav{display:none}}.payments-container{background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh;padding:20px}.payments-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.payments-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.btn-csv,.btn-pdf{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 18px;transition:all .3s ease}.btn-csv{background:linear-gradient(135deg,#000,#333);border:1px solid #d4af374d;color:#d4af37}.btn-csv:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.btn-pdf{background:linear-gradient(135deg,#000,#d4af37);color:#fff}.btn-pdf:hover:not(:disabled){box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.btn-pdf:disabled{cursor:not-allowed;opacity:.6}.payments-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.payments-loading .spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;height:50px;width:50px}.error-banner{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 20px}.error-banner button{background:#ffc107;border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:5px 12px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.stat-card{border:1px solid #d4af3733;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px}.stat-card:hover{border-color:#d4af3766;box-shadow:0 8px 20px #d4af3726;transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:55px;justify-content:center;width:55px}.stat-icon.revenue{background:linear-gradient(135deg,#d4af37,#b8942e);color:#000}.stat-icon.transactions{background:linear-gradient(135deg,#000,#333);color:#d4af37}.stat-icon.average{background:linear-gradient(135deg,#2c3e50,#1a2632);color:#d4af37}.stat-icon.partial{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.stat-value{color:#000;font-size:1.8rem;line-height:1.2}.stat-label{color:#888;font-size:.8rem;margin-top:4px}.filters-section{background:#fff;border:1px solid #d4af3726;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;padding:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filter-btn{background:#f3f4f6;border:none;border-radius:30px;color:#4a5568;cursor:pointer;font-weight:500;padding:8px 18px;transition:all .3s ease}.filter-btn:hover{background:#d4af3726;color:#d4af37}.filter-btn.active{background:linear-gradient(135deg,#000,#d4af37);color:#fff}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input{flex:1 1;min-width:250px;position:relative}.search-input i{color:#d4af37;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;padding:10px 12px 10px 38px;transition:all .3s ease;width:100%}.search-input input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.clear-filters{background:#e2e8f0;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.clear-filters:hover{background:#cbd5e0}.table-wrapper{background:#fff;border:1px solid #d4af3726;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}.payments-table{border-collapse:collapse;min-width:1000px;width:100%}.payments-table th{background:linear-gradient(135deg,#000,#1a1a1a);border-bottom:2px solid #d4af37;color:#d4af37;font-size:.85rem;font-weight:600;padding:14px 12px;text-align:left}.payments-table td{border-bottom:1px solid #e2e8f0;color:#333;font-size:.85rem;padding:12px}.payments-table tr:hover td{background:#d4af370d}.date-cell{font-size:.8rem;white-space:nowrap}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-info strong{color:#000}.customer-info small{color:#888;font-size:.7rem}.ref-cell code{background:#f3f4f6;border-radius:4px;font-size:.7rem;padding:3px 6px}.payment-badge,.status-badge{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 10px}.badge-full{background:linear-gradient(135deg,#d4af37,#b8942e);color:#000}.badge-partial{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.table-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;font-size:.85rem;justify-content:space-between;padding:12px 16px}.total-summary{color:#d4af37;font-weight:700}.empty-state{background:#fff;border-radius:16px;padding:60px 20px;text-align:center}.empty-state i{color:#d4af37;font-size:3rem;margin-bottom:15px;opacity:.5}.empty-state p{color:#666;margin-bottom:15px}.empty-state button{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 20px}@media (max-width:768px){.payments-container{padding:15px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.4rem}.payments-header{align-items:flex-start;flex-direction:column}.filter-buttons{justify-content:center}.search-bar{flex-direction:column}.clear-filters,.search-input{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:15px}}.validation-container{margin:0 auto;max-width:800px;padding:20px}.validation-container h2{color:#333;margin-bottom:30px;text-align:center}.validation-tabs{background:#fff;border-radius:50px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:10px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:40px;color:#666;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.tab-btn i{font-size:1.1rem}.tab-btn:hover{background:#f0f0f0}.tab-btn.active{background:linear-gradient(135deg,#000,#d4af37);box-shadow:0 4px 15px #0000004d;color:#fff}.scan-tab{min-height:400px}.scanner-start{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:50px 20px;text-align:center}.scan-btn{align-items:center;background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:20px;padding:15px 40px;transition:all .3s ease}.scan-btn:hover{box-shadow:0 10px 30px #0006;transform:translateY(-2px)}.scan-instructions{color:#666;font-size:.95rem}.qr-reader{border-radius:10px;min-height:300px;overflow:hidden;width:100%}.cancel-scan-btn{align-items:center;background:#f44336e6;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:10px 20px;position:absolute;right:30px;top:30px;transition:all .3s ease;z-index:10}.cancel-scan-btn:hover{background:#f44336;transform:scale(1.05)}.validation-result{animation:slideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:30px}.back-btn{border-radius:30px;gap:5px}.back-btn:hover{background:#d4af37;color:#000}.result-header{border-radius:15px;margin-bottom:30px;padding:20px;text-align:center}.result-header.valid{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.result-header.invalid{background:linear-gradient(135deg,#fff3cd,#ffeeba);color:#856404}.result-header i{font-size:3rem;margin-bottom:10px}.result-header h3{font-size:1.5rem;margin:0}.result-error{background:#f8d7da;border-radius:15px;color:#721c24;padding:40px;text-align:center}.result-error i{font-size:3rem;margin-bottom:15px}.result-error h3{font-size:1.5rem;margin-bottom:10px}.ticket-details{background:#f8f9fa;border-radius:15px;margin-bottom:30px}.detail-row{border-bottom:1px solid #e0e0e0}.detail-label{color:#555;flex:0 0 140px;font-weight:600}.detail-value{color:#333;flex:1 1}.payment-badge.full{background:#d4af37;color:#000}.validation-actions{display:flex;gap:15px;justify-content:center}.confirm-entry-btn{align-items:center;background:#d4af37;border:none;border-radius:30px;color:#000;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;padding:12px 40px;transition:all .3s ease}.confirm-entry-btn:hover{background:#c4a02e;box-shadow:0 5px 20px #d4af374d;transform:translateY(-2px)}.manual-tab{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:30px}.manual-input{margin-bottom:30px}.manual-input label{color:#333;display:block;font-weight:600;margin-bottom:10px}.manual-code-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.manual-code-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.validate-btn{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.validate-btn:hover:not(:disabled){box-shadow:0 5px 20px #0006;transform:translateY(-2px)}.validate-btn:disabled{cursor:not-allowed;opacity:.5}.history-tab{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:30px}.history-tab h3{color:#333;margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#f8f9fa;border-radius:10px;padding:15px;transition:all .3s ease}.history-item:hover{box-shadow:0 3px 10px #d4af3733;transform:translateX(5px)}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-time{color:#666;font-size:.85rem}.history-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:3px 8px}.history-badge.success{background:#d4edda;color:#155724}.history-details p{color:#333;font-size:.9rem;margin:5px 0}.history-details p strong{color:#d4af37;display:inline-block;width:70px}.scanning-active{animation:pulse 2s infinite}@media (max-width:768px){.validation-container{padding:10px}.validation-tabs{border-radius:20px;flex-direction:column;padding:5px}.tab-btn{padding:10px}.detail-row{flex-direction:column;gap:5px}.detail-label{flex:none}.cancel-scan-btn{font-size:.8rem;padding:8px 15px;right:10px;top:10px}.validation-result{padding:20px}.result-header i{font-size:2.5rem}.result-header h3{font-size:1.2rem}.confirm-entry-btn{padding:12px;width:100%}}@media (max-width:480px){.scan-btn{font-size:1rem;padding:12px 30px}.manual-code-input{padding:12px}.history-header{align-items:flex-start;flex-direction:column;gap:5px}}.event-selector{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.event-selector label{color:#333;font-weight:600}.event-select{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:10px 15px;transition:all .3s ease}.event-select:focus{border-color:#d4af37;outline:none}.loading-text{color:#666;font-size:12px}.validation-stats{display:flex;gap:15px;margin-bottom:20px}.stat-card{border-left:4px solid #d4af37;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;gap:15px;padding:15px 20px}.stat-card i{color:#d4af37;font-size:32px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px}.stat-label{font-size:12px}.camera-warning{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px}.camera-warning i{font-size:20px}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.event-filter{background:#f8f9fa;border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px 15px}.event-filter strong{color:#d4af37}.empty-history{color:#999;padding:40px;text-align:center}.empty-history i{font-size:48px;margin-bottom:10px;opacity:.5}.empty-history p{margin:0}.helper-text{margin-top:8px;text-align:center}.scanner-container{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:20px;position:relative}#qr-reader{min-height:400px;overflow:hidden}#qr-reader,#qr-reader video{border-radius:10px;width:100%}#qr-reader video{height:auto}@media (max-width:768px){.validation-stats{flex-direction:column}.stat-card{padding:12px 15px}.stat-value{font-size:24px}.event-selector{align-items:stretch;flex-direction:column}.event-select{min-width:auto}#qr-reader{min-height:300px}.ticket-id-highlight{background:#d4af371a;border-radius:4px;color:#d4af37;font-family:monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:2px 6px}.manual-code-input{font-family:monospace;font-size:1.2rem;letter-spacing:2px;text-align:center;text-transform:uppercase}.manual-code-input::placeholder{font-family:inherit;letter-spacing:normal;text-transform:none}.helper-text{color:#888;font-size:12px;line-height:1.4;margin-top:8px;text-align:center}}.live-contributions{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:20px}.live-header{animation:fadeInUp .5s ease;margin-bottom:40px;text-align:center}.live-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:30px;color:#fff;font-size:.9rem;font-weight:700;margin-bottom:15px;padding:8px 20px;position:relative}.live-badge,.pulse{display:inline-block}.pulse{animation:pulse 1s infinite;background:#fff;border-radius:50%;height:10px;margin-right:8px;width:10px}.live-header h1{color:#333;font-size:3rem;margin-bottom:10px}.live-header p{color:#666;font-size:1.1rem}.stats-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.stat-icon{font-size:3rem}.stat-info{flex:1 1}.stat-info label{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.stat-value{color:#333;font-size:2rem;position:relative}.stat-value.editable{cursor:pointer;position:relative}.edit-target{background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:10px;left:0;margin-top:5px;padding:10px;position:absolute;top:100%;z-index:10}.edit-target input{border:1px solid #ddd;border-radius:5px;padding:5px 10px;width:120px}.edit-target button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.progress-section{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;margin-bottom:30px;padding:25px}.progress-header{color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:15px}.progress-bar-container{background:#e0e0e0;height:40px}.progress-bar-container,.progress-bar-fill{border-radius:30px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width 1s ease}.progress-glow{animation:glow 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.progress-stats{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-top:15px}.categories-section{margin-bottom:30px}.categories-section h2{color:#333;margin-bottom:20px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:20px;transition:all .3s ease}.category-card:hover{transform:translateY(-3px)}.category-header{display:flex;justify-content:space-between;margin-bottom:12px}.category-name{color:#333;font-weight:600}.category-percentage{color:#667eea;font-weight:600}.category-progress{background:#e0e0e0;border-radius:20px;height:8px;margin-bottom:12px;overflow:hidden}.category-progress-fill{border-radius:20px;height:100%;transition:width .5s ease}.category-stats{color:#666;display:flex;font-size:.85rem;justify-content:space-between}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.donate-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.donate-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.qr-btn{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 5px 15px #48bb784d;color:#fff}.qr-btn:hover{transform:translateY(-2px)}.cash-btn{background:linear-gradient(135deg,#ed64a6,#d53f8c);color:#fff}.contributions-feed{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:25px}.contributions-feed h2{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:20px}.feed-container{max-height:400px;overflow-y:auto;padding:5px}.feed-item{align-items:center;animation:slideIn .3s ease;background:#f8f9fa;border-radius:12px;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.feed-item.new{animation:highlight 1s ease;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}@keyframes highlight{0%{background:#bbdefb}to{background:#f8f9fa}}.feed-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.feed-details{flex:1 1}.feed-name{color:#333;font-weight:600;margin-bottom:4px}.feed-amount{color:#667eea;font-size:1.1rem;font-weight:600}.feed-time{color:#999;font-size:.75rem;margin-top:4px}.feed-badge{animation:heartBeat 1s ease;color:#ff4757;font-size:1.2rem}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-notification{align-items:center;animation:slideInRight .3s ease,fadeOut .3s ease 4.7s forwards;border-radius:15px;bottom:30px;box-shadow:0 10px 30px #0003;display:flex;gap:15px;padding:15px 20px;right:30px;z-index:2000}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.toast-icon{font-size:2rem}.toast-content strong{color:#667eea}.modal-overlay{background:#000000b3}.qr-modal{text-align:center}.qr-container{padding:20px}.qr-image{display:block;height:200px;margin:20px auto;width:200px}.qr-url{color:#666;font-size:.8rem;margin-top:10px;word-break:break-all}.quick-amounts{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.quick-amounts button{background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;padding:10px;transition:all .3s ease}.quick-amounts button:hover{background:#667eea;border-color:#667eea;color:#fff}.modal-btn{border-radius:10px;font-size:1.1rem;padding:15px;width:100%}.donate-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cash-submit{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}@media (max-width:768px){.live-header h1{font-size:2rem}.stats-dashboard{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}.toast-notification{bottom:10px;left:10px;max-width:calc(100% - 20px);right:10px}}.modal-overlay{animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;right:0;z-index:1000}.modal-content{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;padding:24px}.modal-content.iframe-mode{border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90%}.iframe-container{background:#fff;display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.iframe-header{background:linear-gradient(135deg,#000,#d4af37);border-bottom:1px solid #d4af374d;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.iframe-header,.iframe-title{align-items:center;display:flex}.iframe-title{color:#fff;font-size:1.25rem;font-weight:600;gap:10px;letter-spacing:.5px;margin:0}.iframe-title:before{content:"🔒";font-size:1.1rem}.iframe-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.iframe-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.iframe-content{flex:1 1;max-height:calc(90vh - 80px);min-height:500px;overflow-y:auto;position:relative}.pesapal-iframe{border:none;display:block;height:100%;min-height:500px;width:100%}.iframe-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:center;padding:16px 24px}.back-btn{align-items:center;border:2px solid #d4af37;border-radius:8px;color:#d4af37;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.back-btn:before{content:"←";font-size:1.1rem}.back-btn:hover:not(:disabled){background:linear-gradient(135deg,#000,#d4af37);border-color:#d4af37;box-shadow:0 4px 12px #d4af374d;color:#fff;transform:translateY(-2px)}.back-btn:disabled{cursor:not-allowed;opacity:.5}.iframe-loading{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.iframe-loading .spinner{border-width:3px;height:40px;margin-bottom:16px;width:40px}.iframe-loading p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.modal-content.iframe-mode{border-radius:12px;max-height:95vh;max-width:95%;width:95%}.iframe-header{padding:16px 20px}.iframe-title{font-size:1rem}.iframe-title:before{font-size:.9rem}.iframe-content{max-height:calc(95vh - 140px)}.iframe-content,.pesapal-iframe{min-height:400px}.iframe-footer{padding:12px 20px}.back-btn{font-size:.813rem;padding:8px 16px}}.iframe-content::-webkit-scrollbar{width:8px}.iframe-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.iframe-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.iframe-content::-webkit-scrollbar-thumb:hover{background:#000}.iframe-content:before{background:linear-gradient(180deg,#fff,#0000);top:0}.iframe-content:after,.iframe-content:before{content:"";display:block;height:20px;left:0;pointer-events:none;position:sticky;right:0;z-index:1}.iframe-content:after{background:linear-gradient(0deg,#fff,#0000);bottom:0}.modal-content.iframe-mode{animation:slideUp .3s ease}.iframe-close-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:28px;position:absolute;right:20px;top:16px;transition:color .2s}.close-btn:hover{color:#d4af37}.payment-methods{display:flex;gap:12px;justify-content:center;margin:20px 0}.payment-method-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.payment-method-btn:hover:not(:disabled){border-color:#d4af37;box-shadow:0 3px 10px #d4af3733;transform:translateY(-2px)}.payment-method-btn.selected{background:linear-gradient(135deg,#0000000d,#d4af371a);border-color:#d4af37}.payment-method-btn img{height:40px;object-fit:contain;width:40px}.payment-method-btn span{font-size:12px;font-weight:500}.payment-method-btn:disabled{cursor:not-allowed;opacity:.5}.partial-mode-toggle,.payment-type-toggle{display:flex;gap:10px;margin:15px 0}.toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,#000,#d4af37);border-color:#d4af37;color:#fff}.toggle-btn:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.form-section{margin:20px 0}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group input[aria-invalid=true]{border-color:#f44336}.error-message,.helper-text{display:block;font-size:12px;margin-top:4px}.helper-text{color:#666}.amount-display{background-color:#f5f5f5;border-radius:6px;margin-top:16px;padding:12px;text-align:center}.amount-display strong{color:#d4af37;font-size:16px}.payment-status{border-radius:6px;margin-top:16px;padding:12px}.payment-status.info{background-color:#d4af371a;border-left:4px solid #d4af37}.payment-status.success{background-color:#e8f5e9;border-left:4px solid #d4af37}.payment-status.error{background-color:#ffebee;border-left:4px solid #f44336}.success-text{color:#d4af37;font-weight:500}.error-text{color:#c62828;font-weight:500}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin:12px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#000,#d4af37);border-radius:4px;height:100%;transition:width .3s ease}.remaining-amount{color:#d4af37;font-weight:600;margin:8px 0}.check-payment-btn,.close-modal-btn,.pay-remaining-btn,.purchase-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .2s;width:100%}.check-payment-btn{background:linear-gradient(135deg,#000,#d4af37);color:#fff;margin-top:8px}.check-payment-btn:hover:not(:disabled){box-shadow:0 5px 15px #d4af374d;transform:translateY(-1px)}.pay-remaining-btn{background:#d4af37;color:#000;margin-top:12px}.pay-remaining-btn:hover:not(:disabled){background:#c4a02e;box-shadow:0 5px 15px #d4af374d;transform:translateY(-1px)}.purchase-btn{background:linear-gradient(135deg,#000,#d4af37);color:#fff;margin-top:20px}.purchase-btn:hover:not(:disabled){box-shadow:0 5px 15px #d4af374d;transform:translateY(-1px)}.check-payment-btn:disabled,.pay-remaining-btn:disabled,.purchase-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.close-modal-btn{background-color:#9e9e9e;color:#fff;margin-top:12px}.close-modal-btn:hover{background-color:#757575}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.modal-event-details{background:linear-gradient(135deg,#00000008,#d4af370d);border:1px solid #d4af3733;border-radius:8px;margin:16px 0;padding:16px;text-align:center}.modal-event-details h3{color:#333;margin:0 0 8px}.ticket-price{color:#d4af37;font-size:20px;font-weight:700;margin:0}.status-message{border-radius:6px;margin:16px 0;padding:12px;text-align:center}.status-message.info{background-color:#d4af371a;color:#d4af37}.status-message.error{background-color:#ffebee;color:#c62828}.fully-paid{text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#000}@media (max-width:768px){.modal-content{padding:20px;width:95%}.payment-methods{gap:8px}.payment-method-btn img{height:32px;width:32px}.toggle-btn{font-size:14px;padding:8px}}.payment-method-description{background-color:#f8f9fa;border-radius:6px;color:#666;font-size:12px;margin:-10px 0 15px;padding:8px;text-align:center}.payment-method-fields{background-color:#f8f9fa;border:1px solid #d4af374d;border-radius:8px;margin:20px 0;padding:15px}.form-row{display:flex;gap:15px;margin-bottom:16px}.form-group.half{flex:1 1;margin-bottom:0}.card-type-indicator{color:#d4af37;display:inline-block;font-size:12px;font-weight:500;margin-top:5px}.secure-badge{background:linear-gradient(135deg,#0000000d,#d4af371a);border-radius:6px;color:#d4af37;font-size:12px;margin-top:12px;padding:8px;text-align:center}.amount-display.payment-amount{background-color:#d4af371a;border-left:4px solid #d4af37;margin:20px 0}@media (max-width:768px){.form-row{flex-direction:column;gap:16px}.form-group.half{margin-bottom:16px}.payment-method-fields{padding:12px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:3% auto;max-height:85vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.close{align-items:center;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:40px;z-index:10}.close:hover{background:#667eea1a;color:#667eea;transform:rotate(90deg)}.mpesa-logo-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#fff);border:2px solid #4caf50;border-radius:16px;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:20px}.mpesa-logo{height:40px;object-fit:contain;width:auto}.modal-content input,.modal-content select{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;margin:8px 0;padding:12px;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#667eea;outline:none}.payment-options{display:flex;gap:20px;justify-content:center;margin:20px 0}.payment-option{border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;flex:1 1;padding:15px;text-align:center;transition:all .3s ease}.payment-option.selected{background:linear-gradient(135deg,#667eea10,#764ba210);border-color:#667eea}.payment-option input[type=radio]{display:none}.payment-option label{cursor:pointer;display:block;font-weight:600}.payment-option small{color:#666;font-size:.85rem}.partial-toggle{background:#f0f0f0;border-radius:50px;display:flex;margin:20px 0;padding:4px;position:relative}.toggle-option{border-radius:50px;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;text-align:center;transition:all .3s ease;z-index:1}.toggle-option.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.toggle-option:not(.active):hover{background:#667eea1a}.toggle-content{animation:fadeIn .3s ease;margin-top:20px}.partial-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:12px;margin:15px 0;padding:15px}.payment-progress{background:#f0f0f0;border-radius:5px;height:10px;margin:15px 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.spinner{border:5px solid #f3f3f3;border-top-color:#667eea;margin:20px auto}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.info-message,.success-message{border-radius:20px;padding:30px;text-align:center}.info-message{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:30px}.modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:10px;padding:12px 30px;transition:all .3s ease}.modal-btn.secondary{background:#6c757d}.modal-btn.success{background:#28a745}.modal-btn:disabled{background:#ccc;cursor:not-allowed}.share-info{align-items:center;background:#e3f2fd;border-radius:30px;color:#1976d2;cursor:pointer;display:inline-flex;font-size:.9rem;gap:10px;margin:20px 0;padding:10px 20px}.share-info:hover{background:#bbdefb}@media (max-width:768px){.payment-options{flex-direction:column;gap:10px}}.App{display:flex;flex-direction:column;min-height:100vh}.header{animation:slideInDown .5s ease;background:linear-gradient(135deg,#000,#1a1a1a 50%,#2a2a2a);box-shadow:0 4px 20px #0003;color:#d4af37;flex-wrap:nowrap;justify-content:space-between;overflow:visible;padding:1rem 5%;position:sticky;position:relative;top:0;z-index:1000}.header,.logo-container{align-items:center;display:flex}.logo-container{background:linear-gradient(135deg,#d4af37,#000);border-radius:50%;box-shadow:0 5px 15px #0003;cursor:pointer;height:70px;justify-content:center;padding:5px;transition:all .3s ease;width:70px}.logo-container:hover{box-shadow:0 8px 25px #d4af374d;transform:scale(1.05)}.logo{background:#fff;border-radius:50%;height:100%;object-fit:contain;padding:2px;width:100%}.logo:hover{transform:scale(1.1) rotate(5deg)}#systemName{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#d4af37,#ffe55c,#d4af37);-webkit-background-clip:text;background-clip:text;cursor:pointer;flex:1 1;font-size:1.8rem;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:2px 2px 4px #0003;transition:all .3s ease;white-space:nowrap}#systemName:hover{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffe55c,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;transform:scale(1.02)}.menu-icon{align-items:center;background:#0000;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:44px;justify-content:center;line-height:1;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:44px;z-index:3000}.menu-icon:hover{background:#d4af371a;color:#ffe55c;transform:rotate(90deg)}.menu-overlay{z-index:4000}.dropdown-menu{animation:fadeInUp .2s ease;background:#fff;border:1px solid #d4af374d;border-radius:12px;box-shadow:0 8px 30px #0003;min-width:200px;overflow:hidden;padding:8px 0;position:absolute;right:20px;top:85px;z-index:5000}.dropdown-menu p{align-items:center;border-bottom:1px solid #0000000d;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;margin:0;padding:12px 20px;transition:all .3s ease}.dropdown-menu p:last-child{border-bottom:none}.dropdown-menu p:hover{background:#d4af371a;color:#d4af37;transform:translateX(5px)}.dropdown-menu p i{color:#d4af37;font-size:1rem;width:20px}@media (max-width:768px){.header{padding:.8rem 5%}.logo-container{height:50px;width:50px}#systemName{font-size:1.2rem}.menu-icon{font-size:24px;height:40px;width:40px}.dropdown-menu{min-width:180px;right:15px;top:70px}.dropdown-menu p{font-size:13px;padding:10px 16px}}@media (max-width:480px){.logo-container{height:40px;width:40px}#systemName{font-size:1rem}.menu-icon{font-size:22px;height:36px;width:36px}.dropdown-menu{min-width:160px;right:10px;top:60px}.dropdown-menu p{font-size:12px;padding:8px 12px}}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{background:#0000;border-radius:25px;color:#d4af37;font-weight:500;overflow:hidden;padding:8px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-links a:hover:before{left:0}.nav-links a:hover{box-shadow:0 4px 15px #d4af3733;color:#ffe55c;transform:translateY(-2px)}.footer{background:linear-gradient(135deg,#000,#1a1a1a 50%,#2a2a2a);color:#d4af37;margin-top:50px;overflow:hidden;padding:30px;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.footer p{margin:5px 0;opacity:.9;transition:opacity .3s ease}.footer p:hover{opacity:1}.page-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease;background:linear-gradient(135deg,#000,#d4af37);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;font-weight:700;margin:40px 0;position:relative;text-align:center;text-shadow:2px 2px 4px #0000001a;width:100%}.page-title:after{background:linear-gradient(90deg,#d4af37,#000);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.loading-spinner .spinner{border:5px solid #d4af3733}.menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.menu-overlay.active{display:block}@media (max-width:768px){.header{flex-direction:row;gap:10px;justify-content:space-between;padding:.8rem 5%}.logo-container{height:50px;width:50px}#systemName{font-size:1.2rem}.menu-icon{font-size:24px;height:40px;width:40px}.dropdown-menu{min-width:160px;right:15px;top:70px}.dropdown-menu p{font-size:13px;padding:10px 16px}.page-title{font-size:1.8rem;margin:30px 0}.page-title:after{bottom:-8px;width:60px}.footer{margin-top:30px;padding:20px}.footer p{font-size:.9rem}.nav-links{gap:15px}.nav-links a{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.logo-container{height:40px;width:40px}#systemName{font-size:1rem}.menu-icon{font-size:22px;height:36px;width:36px}.dropdown-menu{min-width:140px;right:10px;top:60px}.dropdown-menu p{font-size:12px;padding:8px 12px}.page-title{font-size:1.5rem;margin:20px 0}.page-title:after{bottom:-6px;height:2px;width:50px}.footer{padding:15px}.footer p{font-size:.8rem}.nav-links{gap:10px}.nav-links a{font-size:.8rem;padding:5px 10px}}@media print{.dropdown-menu,.footer,.header,.menu-icon{display:none}.page-title{-webkit-text-fill-color:#000;background:none;color:#000;margin:20px 0}.page-title:after{display:none}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#000);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffe55c,#1a1a1a)}.ticket-view-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8e8e8);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.ticket-view-header{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;max-width:650px;width:100%}.back-btn,.download-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn{background:#fff;box-shadow:0 2px 8px #0000001a;color:#333}.back-btn:hover{background:#f0f0f0;transform:translateX(-3px)}.download-btn{background:linear-gradient(135deg,#000,#d4af37);box-shadow:0 4px 15px #d4af374d;color:#fff}.download-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.download-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.ticket-paper{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:650px;overflow:hidden;width:100%}.ticket-header{background:linear-gradient(135deg,#000,#1a1a1a);border-bottom:3px solid #d4af37;color:#d4af37;padding:30px;text-align:center}.logo-wrapper{align-items:center;background:#fff;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 12px;padding:8px;width:60px}.ticket-logo{border-radius:50%;height:100%;object-fit:contain;width:100%}.ticket-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0 0 8px}.ticket-header p{font-size:13px;margin:0;opacity:.9}.highlight{color:#d4af37;font-weight:700}.ticket-content{background:#fff;padding:25px 30px}.greeting{color:#333;font-size:15px;margin-bottom:10px}.message{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px}.event-name{color:#d4af37;font-weight:700}.qr-code-section{background:#fff;border:2px solid #d4af374d;border-radius:16px;margin:20px 0;padding:15px;text-align:center}.qr-code-wrapper{background:#fff;border-radius:12px;display:inline-block;padding:8px}.qr-code-wrapper canvas,.qr-code-wrapper img,.qr-code-wrapper svg{background:#fff;border:2px solid #d4af37;border-radius:12px;height:160px!important;padding:8px;width:160px!important}.qr-hint{color:#666;font-size:.8em;margin-top:8px}.ticket-details{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #d4af3733;border-radius:12px;margin:20px 0;padding:20px}.ticket-details h3{color:#000;font-size:16px;margin-bottom:15px;margin-top:0}.details-table{display:flex;flex-direction:column;gap:0}.detail-row{border-bottom:1px solid #d4af3726;font-size:13px;justify-content:space-between;padding:8px 0}.detail-label{color:#666;font-size:12px;font-weight:500}.detail-row span:last-child{color:#333;font-size:13px;font-weight:500}.ticket-code{font-family:monospace;font-size:1.1em;letter-spacing:1px}.amount,.ticket-code{color:#d4af37;font-weight:700}.balance{color:#f39c12;font-weight:700}.order-id,.transaction-id{color:#d4af37;font-family:monospace;font-size:.85em}.instructions{background:linear-gradient(135deg,#d4af3714,#00000008);border-left:3px solid #d4af37;border-radius:8px;margin:20px 0;padding:15px}.instructions strong{color:#d4af37;display:block;font-size:13px;margin-bottom:8px}.instructions ul{margin:5px 0 0 18px;padding:0}.instructions li{color:#555;font-size:12px;line-height:1.4;margin:5px 0}.warning-badge{background:linear-gradient(135deg,#d4af3714,#00000008);border:1px solid #d4af374d;border-radius:8px;margin:15px 0;padding:12px;text-align:center}.warning-badge strong{color:#d4af37;display:block;font-size:13px;margin-bottom:5px}.warning-badge p{color:#666;font-size:12px;margin:0}.ticket-footer{background:linear-gradient(135deg,#f8f9fa,#fff);border-top:1px solid #d4af3733;color:#666;font-size:.8em;padding:20px;text-align:center}.ticket-footer p{margin:4px 0}.footer-message{font-size:.85em;font-style:italic;margin-top:8px!important}.loading-spinner{background:#fff;border-radius:20px;min-width:300px;padding:3rem}.spinner{border:3px solid #d4af3733;height:50px;margin:0 auto 1rem;width:50px}.error-message{border-radius:20px;min-width:300px;padding:3rem}.error-message i{color:#f44336;font-size:3rem;margin-bottom:1rem}.error-message h3{color:#333;margin-bottom:1rem}.back-home-btn{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.back-home-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}@media (max-width:768px){.ticket-view-container{padding:1rem}.ticket-header{padding:25px 20px}.ticket-header h1{font-size:20px}.ticket-content{padding:20px}.detail-row{flex-direction:column;gap:3px}.detail-label{font-size:11px}.detail-row span:last-child{font-size:12px}.qr-code-wrapper canvas,.qr-code-wrapper img,.qr-code-wrapper svg{height:140px!important;width:140px!important}}@media (max-width:480px){.ticket-view-header{flex-direction:column}.back-btn,.download-btn{justify-content:center}.ticket-header h1{font-size:18px}.ticket-content{padding:15px}.instructions ul{margin-left:15px}.instructions li{font-size:11px}}@media print{.ticket-view-header{display:none!important}.ticket-view-container{background:#fff!important;display:block!important;margin:0!important;min-height:auto!important;padding:0!important}.ticket-paper{border-radius:0!important;box-shadow:none!important;break-inside:avoid!important;margin:0!important;max-width:100%!important;overflow:visible!important;page-break-after:avoid!important;page-break-inside:avoid!important;width:100%!important}.ticket-header{background:linear-gradient(135deg,#000,#1a1a1a)!important}.instructions,.qr-code-section,.ticket-header,.warning-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ticket-content{padding:15px 20px!important}.ticket-header{padding:20px!important}.ticket-footer{padding:15px!important}.detail-row{padding:6px 0!important}.instructions li{margin:4px 0!important}@page{size:A4;margin:10mm}body{margin:0;padding:0}.ticket-content,.ticket-footer,.ticket-header{break-inside:avoid;page-break-inside:avoid}}.ticket-paper{animation:fadeIn .5s ease}.transaction-status-container{margin:30px auto;max-width:800px;padding:20px}.back-btn{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-size:.9rem;margin-bottom:20px;padding:8px 20px;transition:all .3s ease}.back-btn:hover{background:#667eea;color:#fff}.transaction-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.transaction-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:30px}.transaction-header h2{font-size:1.8rem;margin:0}.status-badge{border-radius:30px;font-size:.9rem;padding:8px 16px;text-transform:uppercase}.status-badge.success{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.transaction-details{padding:30px}.detail-group{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.detail-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-group h3{color:#333;font-size:1.2rem;margin-bottom:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#555;flex:0 0 140px;font-weight:600}.detail-row .value{color:#333;flex:1 1}.payment-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:3px 10px}.payment-badge.full{background:#4caf50;color:#fff}.payment-badge.partial{background:gold;color:#333}.ticket-actions{margin-top:30px;text-align:center}.view-ticket-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;font-size:1.1rem;gap:10px;padding:15px 40px}.view-ticket-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.pending-warning{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;display:flex;gap:15px;margin-top:30px;padding:20px}.pending-warning i{color:#856404;font-size:2rem}.pending-warning p{color:#856404;flex:1 1;margin:0}.error-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:50px;text-align:center}.error-card i{color:#f44336;font-size:4rem;margin-bottom:20px}.error-card h2{color:#333;margin-bottom:10px}.error-card p{color:#666;margin-bottom:30px}@media (max-width:768px){.transaction-header{flex-direction:column;gap:15px;text-align:center}.detail-row{flex-direction:column;gap:5px}.detail-row .label{flex:none}.pending-warning{flex-direction:column;text-align:center}}.payment-callback-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a 50%,#2a2a2a);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-callback-card{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}.error-state,.pending-state,.processing-state,.success-state{text-align:center}h2{color:#333;font-size:24px;margin:20px 0 10px}p{color:#666;line-height:1.6;margin:10px 0}.helper-text{color:#888;font-size:14px;margin-top:15px}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#d4af37;height:60px;margin:0 auto;width:60px}.pending-icon{animation:pulse 1.5s ease infinite;font-size:60px;margin-bottom:20px}.success-icon{align-items:center;animation:bounceIn .5s ease;background:linear-gradient(135deg,#000,#d4af37);border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.error-icon{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message{background:#ffebee;border-radius:8px;margin:15px 0;padding:12px}.error-details{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.error-details ul{color:#666;font-size:13px;margin:10px 0 0 20px}.payment-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin:25px 0;padding:20px;text-align:left}.info-row{border-bottom:1px solid #e0e0e0;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row.highlight{background:linear-gradient(135deg,#d4af371a,#d4af3733)}.info-row.highlight,.info-row.warning{border-radius:6px;margin:5px -10px;padding:8px 10px}.info-row.warning{background:#fff3e0;color:#f57c00}.info-label{color:#555;font-weight:600}.info-value{color:#333;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.confirmation-code,.tracking-id{background:#d4af371a;border-radius:4px;color:#d4af37;font-family:monospace;font-size:12px;padding:2px 6px}.view-tickets-btn{background:linear-gradient(135deg,#000,#d4af37);color:#fff}.view-tickets-btn:hover{box-shadow:0 5px 15px #d4af374d;transform:translateY(-2px)}.retry-btn{background:#d4af37;color:#000}.retry-btn:hover{background:#c4a02e;transform:translateY(-2px)}.support-btn{background:#2196f3;color:#fff}.support-btn:hover{background:#1976d2;transform:translateY(-2px)}.home-btn{background:#9e9e9e;color:#fff}.home-btn:hover{background:#757575;transform:translateY(-2px)}.auto-redirect{color:#d4af37;font-size:13px;font-weight:500;margin-top:15px}.pending-message{background:#fff3e0;border-radius:8px;margin-top:20px;padding:15px}@media (max-width:768px){.payment-callback-card{padding:25px}h2{font-size:20px}.button-group{flex-direction:column}button{width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.info-value{max-width:100%;text-align:left}}.tickets-page-container{background:linear-gradient(135deg,#000,#1a1a1a);margin:0;min-height:100vh;padding:2rem;position:relative;width:100%}.tickets-page-container:before{background:radial-gradient(circle at 20% 50%,#d4af370d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-section{animation:fadeInDown .5s ease;margin-bottom:2rem;position:relative;text-align:center}.header-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#ffe55c);-webkit-background-clip:text;background-clip:text;color:#d4af37;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.subtitle{color:#d4af37cc;font-size:1rem}.email-search-box{animation:fadeInUp .5s ease;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.email-search-box input{background:#fff;border:2px solid #d4af374d;border-radius:12px;color:#000;flex:1 1;font-size:1rem;max-width:400px;padding:.875rem 1.25rem;transition:all .3s ease}.email-search-box input:focus{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733;outline:none;transform:translateY(-2px)}.email-search-box button{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:12px;box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.email-search-box button:hover:not(:disabled){box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.error-message{background:#fff;border-left:4px solid #f44336;border-radius:12px;color:#f44336;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.tickets-table-container{animation:fadeInUp .5s ease;background:#fff;border:1px solid #d4af3733;border-radius:20px;box-shadow:0 20px 40px #0003;padding:1.5rem}.table-header-actions{align-items:center;border-bottom:2px solid #d4af374d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.table-header-actions h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.export-pdf-btn{align-items:center;background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.export-pdf-btn:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.tickets-table{border-collapse:collapse;font-size:.9rem;width:100%}.tickets-table thead tr{background:linear-gradient(135deg,#000,#1a1a1a)}.tickets-table th{border-bottom:2px solid #d4af37;color:#d4af37;font-weight:600;padding:1rem;text-align:left}.tickets-table td{border-bottom:1px solid #d4af3733;color:#333;padding:1rem}.tickets-table tbody tr:hover{background:#d4af370d;transition:background .3s ease}.ticket-id-cell{color:#d4af37;font-family:monospace;font-weight:600;letter-spacing:.5px}.amount-cell{color:#d4af37;font-weight:700}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-full{background:linear-gradient(135deg,#d4af37,#b8942e);color:#000}.status-partial{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.view-ticket-btn{align-items:center;background:#0000;border:1px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.4rem .8rem;transition:all .3s ease}.view-ticket-btn:hover{background:linear-gradient(135deg,#d4af37,#b8942e);color:#000;transform:translateY(-1px)}.table-footer-summary{border-top:1px solid #d4af3733;padding-top:1rem}.summary-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-end}.stat-item{align-items:center;display:flex;gap:.5rem}.stat-label{color:#666;font-size:.85rem;font-weight:500}.stat-value{color:#d4af37;font-size:.85rem;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.tickets-table{font-size:.8rem}.tickets-table td,.tickets-table th{padding:.75rem}.summary-stats{justify-content:center}}@media (max-width:768px){.tickets-page-container,.tickets-table-container{padding:1rem}.table-header-actions{flex-direction:column;gap:1rem;text-align:center}.tickets-table{font-size:.7rem}.tickets-table td,.tickets-table th{padding:.5rem}.view-ticket-btn{font-size:.7rem;padding:.3rem .6rem}.status-badge{font-size:.65rem;padding:.2rem .5rem}.summary-stats{gap:1rem}.stat-label,.stat-value{font-size:.75rem}}@media (max-width:640px){.tickets-table{min-width:500px}.email-search-box{align-items:center;flex-direction:column}.email-search-box input{max-width:100%;width:100%}.email-search-box button{width:100%}}@media print{.tickets-page-container{background:#fff;padding:0}.email-search-box,.export-pdf-btn,.tickets-page-container:before,.view-ticket-btn{display:none}.tickets-table-container{border:1px solid #ddd;box-shadow:none}.tickets-table thead tr{background:#f0f0f0}.tickets-table th{color:#000}}@media (prefers-reduced-motion:reduce){.email-search-box,.header-section,.tickets-table-container{animation:none}.export-pdf-btn:hover,.view-ticket-btn:hover{transform:none}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#b8942e}.sidenav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.sidenav-overlay.open{opacity:1;visibility:visible}.sidenav{background:linear-gradient(135deg,#000,#1a1a1a);border-right:1px solid #d4af3733;box-shadow:5px 0 25px #00000080;display:flex;flex-direction:column;height:100vh;left:-100%;max-width:320px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:1000}.sidenav.open{left:0}.sidenav-close-btn{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.sidenav-close-btn:hover{background:#d4af3733;border-color:#d4af37;transform:rotate(90deg)}.sidenav-user-section{border-bottom:1px solid #d4af3733;margin-bottom:1rem;padding:2rem 1.5rem 1.5rem;text-align:center}.sidenav-user-avatar{align-items:center;background:linear-gradient(135deg,#d4af37,#ffe55c);border:2px solid #d4af3780;border-radius:50%;box-shadow:0 4px 15px #d4af374d;color:#000;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.sidenav-user-info{text-align:center}.sidenav-user-name{color:#d4af37;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.sidenav-user-email{color:#fff9;font-size:.8rem;margin:0}.sidenav-nav{flex:1 1;overflow-y:auto;padding:.5rem 0}.sidenav-menu,.sidenav-menu li{list-style:none;margin:0;padding:0}.sidenav-menu a{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:.9rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.sidenav-menu a i{color:#d4af37;font-size:1.2rem;transition:all .3s ease;width:24px}.sidenav-menu a span{flex:1 1}.sidenav-menu a:hover{background:linear-gradient(90deg,#d4af371a,#0000);color:#d4af37;padding-left:2rem}.sidenav-menu a:hover i{color:#ffe55c;transform:scale(1.1)}.sidenav-menu a.active{background:linear-gradient(90deg,#d4af3726,#0000);border-left:3px solid #d4af37;color:#d4af37}.sidenav-menu a.active i{color:#ffe55c}.sidenav-footer{border-top:1px solid #d4af3733;margin-top:auto;padding:1rem 1rem 1.5rem}.sidenav-login-btn,.sidenav-logout-btn{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:.8rem;transition:all .3s ease;width:100%}.sidenav-logout-btn:hover{background:#f4433633;border-color:#f44336;transform:translateY(-2px)}.sidenav-login-btn{background:linear-gradient(135deg,#d4af37,#ffe55c);border:none;color:#000}.sidenav-login-btn:hover{box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.sidenav-nav::-webkit-scrollbar{width:4px}.sidenav-nav::-webkit-scrollbar-track{background:#0000004d}.sidenav-nav::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#ffe55c);border-radius:2px}@keyframes slideIn{0%{left:-100%}to{left:0}}@media (min-width:768px){.sidenav{max-width:350px}.sidenav-user-avatar{font-size:2.2rem;height:90px;width:90px}.sidenav-user-name{font-size:1.2rem}.sidenav-menu a{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.sidenav{max-width:280px;width:85%}.sidenav-user-section{padding:1.5rem 1rem 1rem}.sidenav-user-avatar{font-size:1.6rem;height:65px;width:65px}.sidenav-user-name{font-size:1rem}.sidenav-user-email{font-size:.7rem}.sidenav-menu a{font-size:.9rem;padding:.7rem 1.2rem}.sidenav-menu a i{font-size:1rem}.sidenav-login-btn,.sidenav-logout-btn{font-size:.9rem;padding:.7rem}}.sidenav.open .sidenav-menu li{animation:fadeIn .3s ease forwards;opacity:0}.sidenav.open .sidenav-menu li:first-child{animation-delay:.05s}.sidenav.open .sidenav-menu li:nth-child(2){animation-delay:.1s}.sidenav.open .sidenav-menu li:nth-child(3){animation-delay:.15s}.sidenav.open .sidenav-menu li:nth-child(4){animation-delay:.2s}.sidenav.open .sidenav-menu li:nth-child(5){animation-delay:.25s}.sidenav.open .sidenav-menu li:nth-child(6){animation-delay:.3s}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#f8f9fa,#e8e8e8);color:#000;min-height:100vh}body::-webkit-scrollbar{height:10px;width:10px}body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#000);border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffe55c,#1a1a1a)}::selection{background:#d4af374d;color:#000}::-moz-selection{background:#d4af374d;color:#000}:focus-visible{border-radius:4px;outline:2px solid #d4af37;outline-offset:2px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes glow{0%{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}to{box-shadow:0 0 5px #d4af374d}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}.text-golden{color:#d4af37}.text-black{color:#000}.bg-gradient-golden{background:linear-gradient(135deg,#000,#d4af37)}.bg-gradient-black{background:linear-gradient(135deg,#1a1a1a,#000)}.loading-spinner{padding:50px;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;display:inline-block;height:50px;margin:20px auto;width:50px}.loading-spinner p{color:#666;font-size:.9rem;margin-top:15px}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 15px 35px #d4af3726;transform:translateY(-5px)}.btn-primary{background:linear-gradient(135deg,#000,#d4af37);border:none;border-radius:30px;box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:2px solid #d4af37;border-radius:30px;color:#000;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#000,#d4af37);border-color:#0000;box-shadow:0 6px 20px #d4af3733;color:#fff;transform:translateY(-2px)}.toast-notification{animation:slideInRight .3s ease;background:#fff;border-left:4px solid #d4af37;border-radius:8px;bottom:20px;box-shadow:0 5px 15px #0003;padding:12px 20px;position:fixed;right:20px;z-index:9999}.toast-notification.success{border-left-color:#d4af37}.toast-notification.error{border-left-color:#f44336}.toast-notification.info{border-left-color:#2196f3}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.container{padding:0 15px}.btn-primary,.btn-secondary{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.container{padding:0 12px}.btn-primary,.btn-secondary{font-size:.85rem;padding:8px 16px}}@media print{body{background:#fff}.btn-primary,.btn-secondary,.toast-notification{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.3300c09c.css.map*/