:root{--primary-green:#9ee000;--primary-blue:#0251e0;--shadow-md:0 4px 6px rgba(0,0,0,0.1);--font-base:1rem;--font-xl:1.25rem}body,html{width:100%}body{background-color:var(--black);color:var(--white)}#root,.app{height:100vh;width:100vw;overflow:hidden}#root,.app,.home-page,.main-content{margin:0;padding:0}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(135deg,var(--primary-blue),var(--primary-green))}.home-header{text-align:center;margin-top:200px;margin-bottom:50px;padding:20px;color:var(--white);border-radius:var(--radius-md);position:relative;overflow:hidden}.home-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 70%);transform:rotate(45deg)}.home-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1rem}.home-header p{font-size:var(--font-base);color:var(--white);max-width:600px;margin:0 auto}.hero{background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)),url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%239EE000' fill-opacity='.1' d='M11 18a7 7 0 100-14 7 7 0 000 14zm48 25a7 7 0 100-14 7 7 0 000 14zm-43-7a3 3 0 100-6 3 3 0 000 6zm63 31a3 3 0 100-6 3 3 0 000 6zM34 90a3 3 0 100-6 3 3 0 000 6zm56-76a3 3 0 100-6 3 3 0 000 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 10.001-3.999A2 2 0 0080 29zM60 91a2 2 0 10.001-3.999A2 2 0 0060 91zM35 41a2 2 0 10.001-3.999A2 2 0 0035 41zM12 60a2 2 0 10.001-3.999A2 2 0 0012 60z'/%3E%3C/svg%3E");border-radius:var(--radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-md);text-align:center}.hero__title{position:relative;display:inline-block;margin-bottom:var(--spacing-6);color:var(--text-primary)}.hero__title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);height:4px;width:60px;background-color:var(--primary);border-radius:var(--radius-full)}.hero__subtitle{max-width:600px;margin:0 auto var(--spacing-6);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-card{background-color:var(--white);border-radius:var (--radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card:first-child:before{background-color:var(--primary)}.stat-card:nth-child(2):before{background-color:var(--secondary)}.stat-card:nth-child(3):before{background-color:var(--accent)}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.videos-section{background-color:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--gray-200)}.section-title{position:relative;padding-left:var(--spacing-4);font-size:var(--font-size-xl);color:var(--text-primary)}.section-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary);border-radius:var (--radius-full)}.upload-btn{display:inline-flex;align-items:center;grid-gap:var(--spacing-2);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--primary);color:var(--gray-900);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal)}.upload-btn:hover{background-color:var(--brand-green-dark);color:var(--white);transform:translateY(-2px)}.upload-btn svg{width:1em;height:1em}.empty-state{padding:var(--spacing-8) var(--spacing-4)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-4);color:var(--gray-400)}.empty-state-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);color:var(--text-primary)}.empty-state-message{color:var(--text-secondary);max-width:400px;margin:0 auto var(--spacing-6)}.cta-section{background-color:var(--secondary);border-radius:var(--radius-xl);padding:var(--spacing-8);color:var(--white);margin-bottom:var(--spacing-8);text-align:center;position:relative;overflow:hidden}.cta-section:before{width:200px;height:200px;top:-100px;right:-100px}.cta-section:after,.cta-section:before{content:"";position:absolute;background-color:hsla(0,0%,100%,.1);border-radius:50%}.cta-section:after{width:150px;height:150px;bottom:-75px;left:-75px}.cta-content{position:relative;z-index:1}.cta-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4);color:var(--white)}.cta-text{max-width:600px;margin:0 auto var(--spacing-6);color:hsla(0,0%,100%,.9)}.cta-buttons{display:flex;justify-content:center;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.cta-btn-primary{padding:var(--spacing-3) var(--spacing-6);background-color:var(--white);color:var(--secondary);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal)}.cta-btn-primary:hover{background-color:var(--gray-100);transform:translateY(-2px)}.cta-btn-secondary{padding:var(--spacing-3) var(--spacing-6);background-color:initial;border:2px solid var(--white);color:var(--white);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal)}.cta-btn-secondary:hover{background-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.email-form-container{max-width:600px;width:100%;padding:var(--spacing-8);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;margin-bottom:var(--spacing-8)}.email-form-title{font-size:var(--font-xl);margin-bottom:var(--spacing-4)}.email-form{display:flex;flex-direction:column;grid-gap:var (--spacing-4);gap:var (--spacing-4)}.email-input{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-base)}.email-input:focus{border-color:var(--primary-blue);outline:none}.submit-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--primary-green);color:var(--white);border-radius:var(--radius-md);font-size:var(--font-base);transition:background-color .3s;width:100%}.submit-button:hover{background-color:var(--primary-blue)}.error-message{color:var(--primary-red);font-size:var(--font-base);margin-top:var(--spacing-2)}@media (max-width:768px){.hero{padding:var(--spacing-6) var(--spacing-4)}.section-header{flex-direction:column;align-items:flex-start;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.cta-buttons{flex-direction:column;width:100%}.cta-btn-primary,.cta-btn-secondary{width:100%}}.home-container{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.video-background{z-index:0}.video-background,.video-background video{position:absolute;top:0;left:0;width:100%;height:100%}.video-background video{object-fit:cover;opacity:1}.fallback-background{background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0}.fallback-background,.iframe-video{position:absolute;top:0;left:0;width:100%;height:100%}.iframe-video{border:none;opacity:.6;pointer-events:none}.video-overlay{background-color:rgba(0,0,0,.3);z-index:1}.content-overlay,.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.content-overlay{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:2;padding:2rem 2rem 6rem}.logo-container{position:relative;width:180px;height:180px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.logo-container.visible{opacity:1;transform:translateY(0)}.logo-image{width:100%;height:100%;background-color:#fff;border-radius:16px;object-fit:contain;transition:transform .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative;border-bottom:4px solid #0251e0}.logo-container:hover .logo-image{transform:scale(1.05)}.cta-button{background-color:#e02202;color:#fff;border:none;border-radius:8px;padding:16px 40px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(2,81,224,.25);transition:all .3s ease;position:relative;margin-top:0;margin-bottom:2rem;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease,background-color .3s ease,box-shadow .3s ease}.cta-button.visible{opacity:1;transform:translateY(0)}.cta-button:hover{background-color:#0143c3;transform:translateY(-2px);box-shadow:0 6px 16px rgba(2,81,224,.35)}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translateX(3px)}.cta-button:focus{outline:none;box-shadow:0 0 0 3px rgba(2,81,224,.3),0 4px 12px rgba(2,81,224,.25)}.cta-button:active{transform:translateY(1px)}.loading-screen{font-size:1.5rem;color:var(--primary-blue);background-color:rgba(0,0,0,.9)}@media (max-width:768px){.logo-container{width:150px;height:150px;margin-bottom:3rem}.cta-button{padding:14px 32px;font-size:.9rem}}@media (max-width:480px){.logo-container{width:120px;height:120px;margin-bottom:2rem}.cta-button{padding:12px 28px}}@media screen and (orientation:portrait) and (min-width:1200px){.home-container{height:100vh;max-height:100vh;overflow:hidden}.logo-container{width:180px;height:180px;margin-bottom:5rem}.content-overlay{justify-content:center;align-items:center;padding:2rem}.cta-button{font-size:1.2rem;padding:16px 32px}}@media screen and (width:1080px) and (min-height:1800px){.video-background video{object-fit:cover;width:100vw;height:100vh}}.staging-notice{max-width:400px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,240px));grid-gap:calc(var(--space-xl)*1.5) calc(var(--space-xl)*1.6);gap:calc(var(--space-xl)*1.5) calc(var(--space-xl)*1.6);justify-content:center;width:100%;max-width:1200px;margin:30px auto 0;padding:var(--space-lg) 0;position:relative;z-index:5}@media screen and (orientation:portrait){.video-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px;padding-bottom:100px}}@media screen and (width:1080px) and (height:1920px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:calc(var(--space-xl)*1.5) calc(var(--space-xl)*1);gap:calc(var(--space-xl)*1.5) calc(var(--space-xl)*1);margin-bottom:120px}.video-container{aspect-ratio:9/16}}@media screen and (orientation:portrait) and (min-width:1080px){.video-grid{grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:1080px;margin-left:auto;margin-right:auto;padding-bottom:100px}.video-card{width:100%}.video-container{width:100%;aspect-ratio:9/16}}.video-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;cursor:pointer;height:auto;display:flex;flex-direction:column;margin-bottom:15px}.video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.video-card.selected{border:2px solid var(--primary-green)}.video-container{height:auto;aspect-ratio:9/16;overflow:hidden;flex-shrink:0;background-color:#000}.video-thumbnail{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background-color:#000}.video-watermark{position:absolute;bottom:10px;right:10px;z-index:10;opacity:.7;pointer-events:none;transition:opacity .3s ease}.watermark-image{width:80px;height:auto}.video-card.playing .video-watermark{opacity:.9}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:var(--white);opacity:.8;transition:all var(--transition-normal);z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.7)}.video-card:hover .video-play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1);background-color:rgba(0,0,0,.7);box-shadow:0 4px 12px rgba(0,0,0,.4)}.selection-indicator{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background-color:var(--white);border:2px solid var(--light-gray);display:flex;align-items:center;justify-content:center;color:var(--primary-green);transition:all var(--transition-normal)}.selection-indicator.selected{background-color:var(--primary-green);border-color:var(--white)}.video-info{padding:var(--space-md);flex-grow:1;display:flex;flex-direction:column}.video-title{font-size:var(--font-xs);margin-top:var(--space-xs);margin-bottom:0;color:var(--dark-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.video-meta{display:flex;justify-content:space-between;font-size:var(--font-md);color:var(--dark-gray);font-weight:700}.video-date{display:flex;align-items:center;grid-gap:var(--space-xs);gap:var(--space-xs)}.video-duration{background-color:var(--light-gray);padding:2px 6px;border-radius:var(--radius-sm)}@media (max-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.video-grid{grid-template-columns:1fr}}.pagination{margin:0;padding:var(--space-sm);width:100%}.pagination,.pagination-button{display:flex;align-items:center;justify-content:center}.pagination-button{background-color:initial;border:1px solid var(--light-gray);border-radius:var(--radius-sm);width:36px;height:36px;cursor:pointer;transition:all var(--transition-normal)}.pagination-button:hover:not(:disabled){background-color:var(--light-gray)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;margin:0 var(--space-md);grid-gap:var(--space-xs);gap:var(--space-xs)}.pagination-number{background-color:initial;border:none;border-radius:var(--radius-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);font-weight:500}.pagination-number:hover{background-color:var(--light-gray)}.pagination-number.active{background-color:var(--primary-green);color:var(--white)}.pagination-ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--medium-gray)}@media screen and (orientation:portrait){.pagination{padding:var(--space-xs)}.pagination-button,.pagination-ellipsis,.pagination-number{width:32px;height:32px}.pagination-numbers{margin:0 var(--space-sm);grid-gap:var(--space-xxs);gap:var(--space-xxs)}}@media screen and (width:1080px) and (height:1920px){.pagination{padding:var(--space-sm)}}.admin-pagination .pagination{background-color:initial;box-shadow:none;margin-top:1rem}.admin-pagination .pagination-button,.admin-pagination .pagination-number{border:1px solid #dee2e6;background-color:#fff}.admin-pagination .pagination-number.active{background-color:#0251e0;color:#fff;border-color:#0251e0}:root{--brand-green:#9ee000;--brand-red:#e02202;--brand-blue:#0251e0;--brand-green-dark:#536131;--brand-red-dark:#613831;--brand-blue-dark:#30508b;--brand-green-light:#c6ff4d;--brand-red-light:tomato;--brand-blue-light:#4d94ff;--white:#fff;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--black:#000;--light-gray:#e2e8f0;--medium-gray:#a0aec0;--dark-gray:#4a5568;--background:var(--gray-100);--text-primary:var(--gray-800);--text-secondary:var(--gray-600);--primary:var(--brand-green);--secondary:var(--brand-blue);--accent:var(--brand-red);--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--container-width:1200px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--background);scroll-behavior:smooth}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}#__next,#root{isolation:isolate;min-height:100%}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{grid-gap:var(--spacing-1);gap:var(--spacing-1)}.gap-2{grid-gap:var(--spacing-2);gap:var(--spacing-2)}.gap-4{grid-gap:var(--spacing-4);gap:var(--spacing-4)}.gap-6{grid-gap:var(--spacing-6);gap:var(--spacing-6)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:var(--white)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-12{margin-top:var(--spacing-12)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-normal);cursor:pointer;border:none}.btn-primary{background-color:var(--primary);color:var(--gray-900)}.btn-primary:hover{background-color:var(--brand-green-dark);color:var(--white)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover{background-color:var(--brand-blue-dark)}.btn-outline{background-color:initial;border:2px solid}.btn-outline:hover{background-color:rgba(0,0,0,.05)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.video-selection-page-container{position:fixed;top:0;left:0;height:100%;overflow-y:auto;padding:0;z-index:0;justify-content:center;align-items:flex-start;max-width:100vw}.video-selection-page,.video-selection-page-container{width:100%;overflow-x:hidden;display:flex;box-sizing:border-box}.video-selection-page{padding:var(--space-md);max-width:1080px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:120px;flex-direction:column;align-items:center;z-index:1}.video-selection-page.has-selected-folder{justify-content:flex-start;padding-top:1rem;overflow:visible}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:calc(var(--font-4xl)*3);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:var(--spacing-lg);position:relative;display:block;animation:slideInUp .6s ease-out;text-align:center;width:100%}.page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:#9ee000;border-radius:var(--radius-full)}.has-selected-folder .page-title{font-size:calc(var(--font-3xl)*2);margin-top:.5rem;margin-bottom:var(--spacing-md)}.instruction{color:var(--dark-gray);margin:0;font-size:var(--font-sm);text-align:center}.selection-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-group{display:flex;align-items:center;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.filter-label{font-weight:500;color:var(--dark-gray)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--light-gray);background-color:var(--white);min-width:150px}.search-box{flex:1 1;max-width:300px;position:relative}.search-box input{padding-left:35px;width:100%}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--medium-gray)}.checkout-controls{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:hsla(0,0%,100%,.95);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-md);position:fixed;bottom:0;left:0;right:0;z-index:100;transform:translateY(70%);transition:transform .3s ease-out,opacity .3s ease-out;width:100%;max-width:1080px;margin-left:auto;margin-right:auto;opacity:0}.checkout-controls.visible{transform:translateY(0);opacity:1}.selected-videos-counter{width:100%;text-align:center;font-size:var(--font-sm);color:var(--primary-blue);font-weight:600;margin-top:var(--space-xs);background-color:rgba(2,81,224,.08);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.selected-videos-counter:hover{background-color:rgba(2,81,224,.15);color:var(--primary-blue-dark)}.checkout-button{width:100%;padding:var(--space-md);display:flex;align-items:center;justify-content:center;grid-gap:var(--space-md);gap:var(--space-md);font-size:var(--font-md);background-color:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.checkout-button:hover:not(:disabled){background-color:#0246c8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkout-button:disabled{background:var(--light-gray);color:var(--medium-gray);cursor:not-allowed;transform:none;box-shadow:none}.checkout-button svg{transition:all var(--transition-normal)}.checkout-button:hover:not(:disabled) svg{transform:translateX(-2px)}.error-message{border-left:4px solid var(--primary-red);padding:var(--spacing-md);border-radius:0 var(--radius-md) var(--radius-md) 0;animation:slideInLeft .6s ease-out}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.video-modal-content{position:relative;width:80%;max-width:900px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.5)}.close-button{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.6);color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;z-index:10}.video-container{position:relative;width:100%}.modal-video-player{width:100%;display:block}.watermark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;display:flex;justify-content:center;align-items:center;opacity:.2}.watermark-image{width:50%;height:50%;object-fit:contain;opacity:.7}.folder-selection{margin:var(--spacing-md) 0;display:flex;justify-content:center}.select-folder-button{background-color:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.select-folder-button:hover{background-color:var(--primary-blue-dark);transform:translateY(-2px)}.select-folder-button.smaller-button{padding:calc(var(--spacing-xs)*0.75) calc(var(--spacing-sm)*0.75);font-size:calc(var(--font-md)*0.75)}.empty-state{margin-top:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.folder-selection-container{width:100%;margin-bottom:var(--space-md);display:flex;justify-content:center;align-items:center;position:relative;min-height:70vh;height:auto}.has-selected-folder .folder-selection-container{min-height:auto;margin-bottom:1rem;margin-top:1.5rem}.current-folder-info{background-color:rgba(158,224,0,.1);padding:var(--spacing-xs) var(--spacing-sm);flex-direction:row;justify-content:space-between;animation:slideInUp .8s ease-out;text-align:left;position:relative;transform:none;margin:0 auto}.current-folder-info,.info-message{border-radius:var(--radius-md);display:flex;align-items:center;width:100%;max-width:800px}.info-message{padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(2,81,224,.1);margin-bottom:var(--spacing-md);color:var(--dark-gray);margin-left:auto;margin-right:auto}.info-message svg{color:var(--primary-blue);margin-right:var(--spacing-sm);flex-shrink:0}.error-message{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(224,34,2,.1);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--secondary-red);width:100%;max-width:800px;margin-left:auto;margin-right:auto}.error-message svg{color:var(--primary-red);margin-right:var(--spacing-sm);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) auto;text-align:center;box-shadow:var(--shadow-md);max-width:500px;animation:slideInUp .8s ease-out}.empty-state-icon{color:var(--medium-gray);margin-bottom:var(--spacing-md)}.empty-state h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);color:var (--dark-gray)}.empty-state p{color:var(--medium-gray);margin-bottom:var(--spacing-lg)}.primary-button{background-color:var(--primary-green);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.primary-button:hover{background-color:var(--secondary-green);transform:translateY(-2px)}.select-folder-button{display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);white-space:nowrap}.select-folder-button svg{flex-shrink:0}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:100vh;background-color:var(--background);background-size:cover!important;background-position:50%!important;background-attachment:fixed!important;z-index:9999;overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;animation:slideInUp .8s ease-out}.loading-animation{margin-bottom:var(--spacing-lg)}.spinner-ring{display:inline-block;width:50px;height:50px;border:4px solid rgba(2,81,224,.2);border-left:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s ease-in-out infinite}.loading-title{color:var(--black);font-size:var(--font-lg);margin-bottom:var(--spacing-md)}.loading-subtitle{color:var(--medium-gray);font-size:var(--font-sm)}@media screen and (width:1080px) and (height:1920px){.loading-container{width:1080px!important;height:1920px!important;max-width:100vw!important;left:0!important;right:0!important;position:fixed!important;overflow:hidden!important}}.folder-selection-centered{background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);width:90%;max-width:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;animation:fadeIn .8s ease-out;z-index:5;max-height:80vh;overflow-y:auto}.folder-selection-title{font-size:var(--font-xl);color:var(--black);margin-bottom:var(--spacing-md);position:relative}.folder-selection-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:var(--primary-green);border-radius:var(--radius-full)}.folder-selection-description{color:var(--dark-gray);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.folder-selection-note{display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-md);background-color:rgba(255,247,200,.4);border-left:3px solid #ffc700;border-radius:var(--radius-sm);text-align:left;margin-bottom:var(--spacing-lg)}.folder-selection-note svg{color:#ffc700;flex-shrink:0}.select-folder-button-large{background:linear-gradient(135deg,#9ee000,#0251e0);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:var(--spacing-md);gap:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg);margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content;min-width:200px;z-index:6}.select-folder-button-large:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.select-folder-button-large:active{transform:translateY(-1px)}@media (max-width:768px){.selection-filters{flex-direction:column;align-items:stretch;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.filter-group{justify-content:space-between}.search-box{max-width:none}.checkout-controls{flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);text-align:center}.selection-count{justify-content:center;margin-bottom:var(--spacing-sm)}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.video-modal-content{position:relative;width:80%;max-width:900px;background:var(--black);border-radius:var(--radius-md);overflow:hidden}.modal-video-player{width:100%;display:block}.close-button{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.5);color:var(--white);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:16px}.close-button:hover{background-color:var(--primary-red)}.folder-selection-centered{width:95%;padding:var(--spacing-md);max-height:85vh}.select-folder-button-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:calc(var(--font-md)*0.9)}.folder-selection-title{font-size:var(--font-lg)}.folder-selection-instructions{margin:var(--spacing-sm) 0}}.permission-explainer{background-color:#f3f7ff;border-left:4px solid #3b82f6;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.permission-explainer h4{color:#2563eb;margin-top:0;margin-bottom:var(--spacing-sm)}.permission-explainer p{margin-bottom:var(--spacing-md)}.permission-example{border:1px solid #ddd;border-radius:var(--radius-sm);overflow:hidden;max-width:300px;margin:0 auto}.permission-screenshot{width:100%;height:auto;display:block}.folder-selection-instructions{margin:var(--spacing-md) 0;max-width:100%}.instruction-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;grid-gap:var(--spacing-md);gap:var(--spacing-md);max-width:100%}.instruction-list li{display:flex;align-items:flex-start;background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:transform var(--transition-normal)}.instruction-list li:hover{transform:translateX(5px)}.instruction-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#9ee000,#0251e0);color:#fff;font-weight:700;border-radius:50%;margin-right:var(--spacing-md);flex-shrink:0}.instruction-text{line-height:1.5;padding:var(--spacing-xs) 0;color:var(--dark-gray)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.dark-bg-title{color:#0251e0;text-shadow:none}.dark-bg-title:after{background-color:#0251e0}.pagination-container{display:flex;flex-direction:column;align-items:center;background-color:hsla(0,0%,100%,.95);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.pagination-info{margin-top:0;width:100%;text-align:center}.video-count{color:var(--primary-green);font-weight:500}@keyframes fadeInStatic{0%{opacity:0}to{opacity:1}}.checkout-controls{animation:fadeInStatic .8s ease-out}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}.pagination-container{animation:fadeInSimple .5s ease-out}@media screen and (orientation:portrait){.checkout-controls,.page-header,.selection-filters,.video-grid,.video-selection-page,.video-selection-page-container{max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box}}@media screen and (min-width:1080px) and (max-width:1080px) and (min-height:1920px){.checkout-controls,.video-selection-page,.video-selection-page-container{width:100%;max-width:1080px;margin-left:auto;margin-right:auto;overflow-x:hidden}.checkout-controls{left:0;right:0;transform:translateY(70%);width:100%;max-width:1080px;margin-left:auto;margin-right:auto}.checkout-controls.visible{transform:translateY(0)}.folder-selection-container{min-height:700px;height:auto;display:flex;align-items:center;justify-content:center;margin-top:150px}.folder-selection-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;animation:fadeIn .8s ease-out}}.loading-container,.modal-content,.pagination-container,.video-grid-container{max-width:100%;box-sizing:border-box;overflow-x:hidden}.video-grid-container{width:100%;max-width:1200px;margin:0 auto;padding:0;position:relative}.video-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:hsla(0,0%,100%,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:2rem auto;width:100%;max-width:1200px;min-height:300px}[class*=container],[class*=content],[class*=section],[class*=wrapper]{max-width:100%;box-sizing:border-box}#root>div,.app>div,body>div{max-width:100vw!important;overflow-x:hidden!important}.has-selected-folder .video-grid-container{margin-top:.5rem}.video-grid-loading p{color:var(--dark-gray);font-size:var(--font-md);margin:0}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(2,81,224,.2);border-left:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.loading-spinner-mini,.loading-spinner-small{display:inline-block;width:20px;height:20px;border:3px solid rgba(2,81,224,.2);border-left:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s ease-in-out infinite;margin-right:.5rem;vertical-align:middle}.loading-spinner-mini{width:16px;height:16px;border-width:2px}.loading-indicator-banner{display:flex;align-items:center;justify-content:center;background-color:rgba(2,81,224,.1);border-radius:var(--radius-sm);padding:6px 12px;margin-bottom:8px;color:var(--primary-blue);font-size:var(--font-sm)}.video-grid-floating-indicator{top:80px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;z-index:50;animation:fadeInSimple .5s ease-out}.admin-button,.video-grid-floating-indicator{position:fixed;display:flex;align-items:center}.admin-button{top:20px;right:20px;background-color:var(--white);color:var(--primary-blue);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-md);z-index:100}.admin-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:#f8f9fa}.admin-button svg{width:16px;height:16px;color:var(--primary-blue)}.folder-info{background-color:rgba(158,224,0,.1);padding:var(--spacing-xs) var(--spacing-sm);display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:800px;animation:slideInUp .8s ease-out;margin:0 auto}.folder-info,.help-text{border-radius:var(--radius-md);text-align:center}.help-text{color:var(--primary-blue-dark);font-size:var(--font-lg);margin-top:auto;margin-bottom:var(--spacing-xl);font-style:italic;background-color:var(--white);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1;font-weight:500}.max-videos-message{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(255,82,82,.95);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;grid-gap:10px;gap:10px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:slideDown .3s ease-out forwards;font-weight:500;max-width:90%;text-align:center}.max-videos-message svg{flex-shrink:0}@keyframes slideDown{0%{transform:translate(-50%,-50px);opacity:0}to{transform:translate(-50%);opacity:1}}.has-selected-folder .pagination-container{margin-top:.5rem;margin-bottom:1rem}.pagination-container{margin-left:auto;margin-right:auto}.pagination-container,.video-section-divider{width:100%;max-width:1200px;box-sizing:border-box}.video-section-divider{margin:10px auto;display:flex;align-items:center;padding:0 10px;background-color:initial}.video-section-divider .divider-line{flex:1 1;height:1px;background-color:rgba(0,0,0,.1)}.video-section-divider .divider-label{padding:0 15px;font-size:var(--font-sm);color:var(--dark-gray);white-space:nowrap;font-weight:500}.video-section-divider.older-videos,.video-section-divider.recent-videos{margin-top:15px;margin-bottom:15px}.video-grid-first-section,.video-grid-second-section{width:100%}.video-grid-first-section{margin-bottom:0}.video-grid-second-section{margin-top:0}.video-grid-first-section .video-grid,.video-grid-second-section .video-grid{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.home-button{position:fixed;top:20px;left:20px;background:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-md);z-index:100}.home-button:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-button svg{width:16px;height:16px}.checkout-page-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:50%;filter:blur(8px);opacity:.3}.checkout-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;z-index:1;overflow-y:auto;box-sizing:border-box}#root,.checkout-page,body,html{overflow-x:hidden;max-width:100vw}#root,body,html{margin:0;padding:0}.checkout-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:100%;max-width:800px;padding:30px;position:relative;z-index:2;margin:40px auto;box-sizing:border-box;overflow-y:auto;max-height:85vh;overflow-x:hidden;max-width:calc(100vw - 40px)}.checkout-container h1{text-align:center;margin-bottom:2rem;color:#333;position:relative}.checkout-container h1:after{content:"";display:block;width:60px;height:4px;background:#0251e0;margin:15px auto 0;border-radius:2px}.order-summary{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #9ee000;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.order-summary h2{margin-top:0;color:#333;font-size:1.2rem;margin-bottom:1rem;position:sticky;top:0;background-color:#f8f9fa;padding-bottom:.5rem;z-index:1}.total{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px dashed #ddd;font-weight:700}.price{font-size:1.5rem;color:#0251e0}.checkout-form{margin-top:30px}.checkout-form,.form-group{position:relative;z-index:5}.form-group{margin-bottom:20px}.form-group label{margin-bottom:5px}.form-help{font-size:.85rem;color:#6c757d;margin-top:2px;margin-bottom:8px}.checkout-form input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:none;background-color:#fff;position:relative;z-index:50;-moz-user-select:text!important;-ms-user-select:text!important}.checkout-form input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2);outline:none}.error-message{margin-bottom:1.5rem;border-radius:0 4px 4px 0}.success-message{text-align:center;padding:2rem 1rem;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box;max-width:100%;margin:0 auto}.success-message p{color:#333;line-height:1.6;margin-bottom:15px}.success-icon{width:60px;height:60px;background:#9ee000;color:#fff;border-radius:50%;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-message h2{color:#333;margin-bottom:1rem}.spam-warning{background-color:#fff3cd;border:2px solid #ffeeba;border-radius:6px;padding:10px 15px;margin:15px 0;text-align:center}.spam-warning p{color:#856404;font-size:1rem;margin:0}.spam-warning strong{font-weight:700}.redirect-message{text-align:center;margin-top:30px;color:#d9534f;font-weight:600;font-size:1rem}.form-actions{margin-top:2rem}.back-button{flex:1 1}.back-button,.purchase-button{padding:12px 20px;font-weight:600}.purchase-button{flex:2 1;background:linear-gradient(135deg,#9ee000,#0251e0);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px rgba(0,0,0,.1)}.purchase-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.purchase-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.payment-section{margin-top:2rem;border-top:1px solid #eee;padding-top:2rem}.payment-section h2{margin-bottom:1rem;font-size:1.2rem}.payment-options{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.payment-option{flex:1 1;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:1rem;border:1px solid #ddd;border-radius:6px;cursor:pointer}.payment-option.selected{border-color:#9ee000;background-color:rgba(158,224,0,.1)}.payment-icon{font-size:1.5rem}.form-row{display:flex;grid-gap:1rem;gap:1rem}.form-row .form-group{flex:1 1}.video-list{list-style:none;padding:0;margin:0 0 1rem;overflow-y:auto;max-height:280px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.video-list::-webkit-scrollbar{width:5px}.video-list::-webkit-scrollbar-track{background:transparent}.video-list::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px}.video-item{display:flex;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.video-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.order-summary .video-thumbnail{width:60px;height:45px;border-radius:4px;overflow:hidden;flex-shrink:0;margin-right:.75rem}.order-summary .video-details{flex:1 1;display:flex;justify-content:space-between;align-items:center}.order-summary .video-title{font-size:.9rem;color:#333;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-summary .video-price{font-weight:600;color:#0251e0}.empty-video-item{color:#6c757d;font-style:italic;padding:1rem 0;text-align:center}.order-summary .video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}#email-input{-moz-user-select:text!important;-ms-user-select:text!important;z-index:100}#email-input,.checkout-form input{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important}.checkout-form input{cursor:text!important}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;text-align:center;width:100%;padding:20px 0;box-sizing:border-box;margin:0 auto}.zip-status{margin-top:20px;width:100%;max-width:400px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.progress-bar{background-color:#f0f0f0;margin-top:10px;width:100%}.progress-bar-fill{height:100%;background-color:#4caf50;transition:width .3s ease}@media screen and (min-height:1500px){.checkout-page{align-items:flex-start;padding-top:50px}.checkout-container{margin-top:50px;margin-bottom:50px}}@media screen and (min-width:1920px) and (min-height:1080px){.checkout-container{max-width:1000px;font-size:1.1em}.order-summary{max-height:500px}}@media screen and (min-height:1800px){body,html{height:100%;position:relative}#root{height:auto;min-height:100%}.checkout-page-background{position:fixed;top:0;left:0;width:100%;height:100%;background-attachment:fixed}.checkout-page{min-height:100vh;height:auto;display:block;padding:80px 20px;position:relative}.checkout-container{margin:0 auto;position:relative;max-width:800px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:visible}}@media screen and (min-height:1600px) and (max-width:1440px){.checkout-page{min-height:auto;height:auto;align-items:flex-start;padding:5vh 20px}.checkout-page-background{position:fixed;height:100%;width:100%;top:0;left:0}.checkout-container{margin:10vh auto;max-height:80vh;overflow-y:auto;width:90%}.success-message{max-width:100%;margin:0 auto}.loading-container{min-height:50vh;display:flex;flex-direction:column;justify-content:center}}.checkout-container .loading-screen{position:relative;height:auto;min-height:300px;top:auto;left:auto;width:auto;background:transparent}@media screen and (orientation:portrait) and (min-height:1600px){body,html{height:100%;overflow-x:hidden;overflow-y:auto}.checkout-page-background{background-attachment:fixed;height:100%}.checkout-page{display:block;height:auto;min-height:auto;padding:40px 20px;overflow-y:auto}.checkout-container{margin:40px auto;box-sizing:border-box;max-height:none;height:auto;overflow:visible}.loading-container,.success-message{margin:40px auto;padding:20px}}@media screen and (max-width:400px){.success-message{padding:1rem .5rem}.success-message h2{font-size:1.5rem}.success-message p{font-size:.9rem}.spam-warning{padding:8px;margin:10px 0}.spam-warning p{font-size:.9rem}.redirect-message{font-size:.9rem;margin-top:20px}}@media screen and (orientation:portrait){.success-message{padding:2rem 1rem;max-width:100%;overflow:hidden}.redirect-message{padding:0 1rem;box-sizing:border-box;max-width:100%;margin:1.5rem auto 0}.spam-warning{margin:15px 5px;max-width:100%}.checkout-container{padding:30px 15px;overflow-x:hidden}}@media screen and (min-height:1600px) and (orientation:portrait){.success-message{max-width:calc(100% - 40px);margin:0 auto;padding:4vh 20px;overflow:hidden}.success-icon{width:80px;height:80px;font-size:3rem;margin-bottom:3vh}.success-message h2{font-size:2.5rem;margin-bottom:3vh}.success-message p{font-size:1.2rem;line-height:1.6;margin-bottom:2vh}.spam-warning{padding:15px;margin:3vh 0;border-width:3px}.spam-warning p{font-size:1.3rem}.redirect-message{font-size:1.1rem;margin-top:4vh}.checkout-container{width:90%;max-width:800px;overflow-x:hidden}}*{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.promo-code-section{margin:20px 0;padding:15px;border-radius:8px;background-color:#f8f9fa;border:1px solid #e9ecef}.promo-code-form{display:flex;grid-gap:10px;gap:10px;margin-bottom:10px}.promo-code-input{flex:1 1;padding:10px 15px;border-radius:4px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px}.promo-code-button,.promo-code-remove{padding:10px 15px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.promo-code-button{background-color:#4caf50;color:#fff}.promo-code-button:hover{background-color:#45a049}.promo-code-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.promo-code-remove{background-color:#f44336;color:#fff}.promo-code-remove:hover{background-color:#d32f2f}.promo-error-message{color:#f44336;font-size:14px;margin-top:5px}.promo-applied{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;border-radius:4px;background-color:rgba(76,175,80,.1);border-left:3px solid #4caf50}.promo-discount,.promo-success{color:#4caf50;font-weight:600}.discount,.final-total,.subtotal{display:flex;justify-content:space-between;margin:5px 0}.subtotal{color:#333}.discount{color:#4caf50}.final-total{padding-top:15px;font-weight:600;font-size:18px}.final-total,.order-total{margin-top:15px;border-top:1px solid #e9ecef}.order-total{position:sticky;bottom:0;background-color:#f8f9fa;padding:15px;border-radius:0 0 8px 0;z-index:10}.error-message-container{text-align:center;padding:2rem 1rem;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box;max-width:100%;margin:0 auto}.error-icon{width:60px;height:60px;background:#dc3545;color:#fff;border-radius:50%;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.payment-error-details{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:6px;margin:1.5rem 0;text-align:left}.retry-button{margin-top:1.5rem;padding:12px 30px;background:linear-gradient(135deg,#9ee000,#0251e0);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}@media screen and (max-width:400px){.error-message-container{padding:1rem .5rem}.error-icon{width:50px;height:50px;font-size:1.5rem}.payment-error-details{padding:.75rem;font-size:.9rem}.retry-button{width:100%;padding:10px 20px}}.payment-container{background-color:#fff;padding:30px;border-radius:10px;margin:30px auto;width:100%;max-width:800px;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;z-index:999;overflow:visible;height:auto}.payment-container,.payment-container *{pointer-events:auto!important}.payment-container h3:after{content:none}#snap-container{width:100%;min-height:600px;position:relative;z-index:9999;pointer-events:auto!important;overflow:visible}#snap-container a,#snap-container button,#snap-container div,#snap-container iframe{pointer-events:auto!important;z-index:10000}@media (max-width:768px){#snap-container{min-height:480px}.payment-container{padding:15px;margin-top:20px;max-width:calc(100vw - 40px)}}.payment-container h3{font-size:1.2rem;color:#333;margin-bottom:15px;text-align:center;position:relative}.staging-notice{background-color:rgba(255,165,0,.8);color:#000;padding:10px;margin-bottom:15px;border-radius:5px;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.staging-badge{background-color:#ff6b00;color:#fff;font-weight:700;padding:5px 10px;border-radius:4px;margin-bottom:5px;font-size:.9rem}.admin-login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa}.admin-login-container{width:100%;max-width:400px;background-color:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:2.5rem 2rem}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.admin-login-header h1{font-size:1.5rem;color:#333;margin-bottom:.5rem}.admin-login-header p{color:#6c757d;font-size:.9rem}.admin-login-form{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.admin-form-group{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.admin-form-group label{font-weight:600;color:#333}.admin-form-group input{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.admin-form-group input:focus{border-color:#0251e0;box-shadow:0 0 0 2px rgba(2,81,224,.2);outline:none}.admin-login-button{padding:12px 20px;background:linear-gradient(135deg,#9ee000,#0251e0);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;margin-top:1rem}.admin-login-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.admin-login-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.admin-login-error{background-color:#fdeded;color:#d8000c;padding:10px 15px;border-left:4px solid #d8000c;border-radius:0 4px 4px 0;font-size:.9rem}.loading-content,.loading-wrapper{margin:0;padding:0;box-sizing:border-box}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-message{margin-top:var(--spacing-md);color:var(--dark-gray);font-weight:500;text-align:center}.loading-compact{position:relative;height:auto;min-height:auto;background:none}.loading-compact .spinner{width:30px;height:30px;border-width:3px}.loading-compact .loading-message{margin-top:var(--spacing-sm);font-size:var(--font-sm)}@keyframes spin{to{transform:rotate(1turn)}}.loading-container .loading-screen{position:relative;width:100%;height:auto;min-height:300px;background:transparent}@media screen and (orientation:portrait){.loading-screen{width:100%;height:100%;max-width:100%;max-height:100%;position:relative}}@media screen and (min-height:1600px) and (orientation:portrait){.loading-screen{width:100%;height:auto;min-height:50vh;position:relative}.loading-container .loading-screen{min-height:40vh}.spinner{width:50px;height:50px;border-width:5px}.loading-message{font-size:1.2rem;margin-top:20px}}.admin-management{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem}.admin-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.admin-management-header h2{margin:0;color:#333}.create-admin-button{background-color:#0251e0;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.create-admin-button:hover{background-color:#0143c3}.admins-table-container{overflow-x:auto;max-height:500px;overflow-y:auto}.admins-table{width:100%;border-collapse:collapse;min-width:800px}.admins-table th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333;position:sticky;top:0;box-shadow:inset 0 -1px 0 #eee}.admins-table td{padding:1rem;border-bottom:1px solid #eee;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admins-table tr:hover{background-color:#f8f9fa}.delete-admin-button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}.delete-admin-button:hover{background-color:#bd2130}.delete-confirmation span{font-weight:500}.confirm-delete{border:none;padding:4px 8px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}.confirm-delete:hover{background-color:#bd2130}.cancel-delete{border:none;padding:4px 8px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}.cancel-delete:hover{background-color:#5a6268}.loading,.no-admins{text-align:center;padding:2rem;color:#6c757d}@media (max-width:768px){.admin-management{padding:1rem}.admin-management-header{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.create-admin-button{width:100%}}.device-management{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem}.device-management h2{margin-top:0;margin-bottom:1.5rem;color:#333}.device-management h3{margin-top:2rem;margin-bottom:1rem;color:#333}.error-message{background-color:#f8d7da;color:#721c24;padding:10px}.device-form{background-color:#f8f9fa;border-radius:6px;padding:1.5rem;margin-bottom:1rem}.required{color:#dc3545;margin-left:4px}.device-id-display{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#e9ecef;font-family:monospace;cursor:not-allowed}.device-status-message{margin-top:.5rem;padding:6px 12px;border-radius:4px;font-size:13px}.device-status-message.registered{background-color:#cce5ff;color:#004085}.button-description{margin-top:.5rem;color:#6c757d;font-size:13px;font-style:italic}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.register-device-button{background-color:#0251e0;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.register-device-button:hover{background-color:#0143c3}.register-device-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.device-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.device-filter h3{margin:0}.filter-controls{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.filter-controls label{font-weight:500;color:#333;white-space:nowrap}.filter-controls select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:160px}.devices-table-container{overflow-x:auto;margin-top:1rem}.devices-table{width:100%;border-collapse:collapse;min-width:800px}.devices-table th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333}.devices-table td{padding:1rem;border-bottom:1px solid #eee}.device-id-cell{font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.current-device{background-color:rgba(2,81,224,.05)}.current-device-badge{display:inline-block;background-color:#0251e0;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px;vertical-align:middle;font-family:sans-serif}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.authorized{background-color:#d4edda;color:#155724}.status-badge.unauthorized{background-color:#f8d7da;color:#721c24}.actions-cell{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.auth-toggle-button{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.auth-toggle-button.authorize{background-color:#28a745;color:#fff}.auth-toggle-button.deauthorize{background-color:#ffc107;color:#333}.delete-device-button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.delete-confirmation{display:flex;align-items:center;grid-gap:8px;gap:8px}.delete-confirmation span{font-size:12px;color:#dc3545}.cancel-delete,.confirm-delete{font-size:12px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer}.confirm-delete{background-color:#dc3545;color:#fff}.cancel-delete{background-color:#6c757d;color:#fff}.loading,.no-devices{text-align:center;padding:2rem;color:#6c757d}@media (max-width:768px){.device-management{padding:1.5rem}.device-filter{align-items:flex-start}.actions-cell,.device-filter{flex-direction:column}}.mismatch-warning{background-color:#fff3cd;color:#856404;padding:15px;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #ffc107}.mismatch-warning p{margin:.5rem 0}.sync-button{background-color:#ffc107;color:#333;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;margin-top:.5rem;font-size:14px}.sync-button:hover{background-color:#e0a800}.assign-field-button{background-color:#17a2b8;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;margin-right:5px}.assign-field-button:hover{background-color:#138496}.assign-field-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.field-assignment-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.field-assignment-content{background-color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.field-assignment-content h3{margin-top:0;color:#333;margin-bottom:1rem}.button-group{justify-content:flex-end}.button-group button{padding:8px 16px;border:none;border-radius:4px;font-weight:600;cursor:pointer}.button-group .assign-field-button{font-size:14px;padding:8px 16px}.button-group .cancel-button{background-color:#6c757d;color:#fff;font-size:14px}.button-group .cancel-button:hover{background-color:#5a6268}.loading-fields{font-size:.85rem;color:#6c757d;margin-top:.5rem;font-style:italic}.promo-management{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:2rem}.promo-management h2{margin-top:0;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.5rem;color:#333}.promo-management h3{margin-top:1.5rem;margin-bottom:1rem;font-size:1.2rem;color:#444}.promo-actions{margin-bottom:1.5rem}.add-promo-button{background-color:#4caf50;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background-color .2s}.add-promo-button:hover{background-color:#388e3c}.promo-form-container{background-color:#f9f9f9;padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border:1px solid #e0e0e0}.promo-form{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.form-group input,.form-group select{padding:.7rem;border:1px solid #ccc;border-radius:.25rem;font-size:.95rem}.form-group small{margin-top:.3rem;color:#666;font-size:.8rem}.code-input-container{display:flex;grid-gap:.5rem;gap:.5rem}.code-input-container input{flex:1 1}.generate-code-button{background-color:#607d8b;color:#fff;border:none;padding:0 1rem;border-radius:.25rem;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s;white-space:nowrap}.generate-code-button:hover{background-color:#455a64}.generate-code-button:disabled{background-color:#b0bec5;cursor:not-allowed}.form-actions{grid-gap:1rem;gap:1rem;margin-top:1rem}.save-button{min-width:100px}.cancel-button,.save-button{padding:.7rem 1.2rem;border-radius:.25rem;font-weight:500}.promo-table{width:100%;border-collapse:collapse;margin-top:1rem}.promo-table td,.promo-table th{padding:.8rem;text-align:left;border-bottom:1px solid #e0e0e0}.promo-table th{background-color:#f5f5f5;font-weight:600;color:#333}.promo-table tr:hover{background-color:#f9f9f9}.promo-code{font-family:monospace;font-weight:500;letter-spacing:.5px}.actions{display:flex;grid-gap:.5rem;gap:.5rem}.delete-button,.edit-button{border:none;padding:.4rem .7rem;border-radius:.25rem;cursor:pointer;font-weight:500;font-size:.85rem;transition:background-color .2s}.edit-button{background-color:#ffb74d}.edit-button:hover{background-color:#ffa726}.delete-button{background-color:#ef5350}.delete-button:hover{background-color:#e53935}.no-promos{text-align:center;padding:2rem;color:#666;background-color:#f9f9f9;border-radius:.25rem}@media screen and (min-width:768px){.promo-form{grid-template-columns:1fr 1fr}.form-actions,.form-group:nth-child(5){grid-column:span 2}.form-actions{justify-content:flex-end}.code-input-container{width:100%}}.promo-bundling-management{background-color:#fff;border-radius:8px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.promo-bundling-management h3{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.2rem}.bundling-description{margin-bottom:1.5rem;color:#555;font-size:.9rem}.pricing-example{margin-top:.5rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px;font-size:.9rem}.bundling-display{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.bundling-info{flex-grow:1}.bundling-row{display:flex;margin-bottom:.5rem}.bundling-row label{font-weight:500;width:180px;color:#555}.bundling-value{font-weight:600;color:#333}.bundling-edit{margin-top:1rem}.bundling-edit .form-group{margin-bottom:1rem}.bundling-edit label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.bundling-edit input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.bundling-edit input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.button-group{grid-gap:.75rem;gap:.75rem;margin-top:1.5rem}.cancel-button,.edit-button,.save-button{padding:.6rem 1.2rem;border:none;border-radius:4px;transition:all .2s ease}.edit-button{background-color:#f0f0f0}.save-button{background-color:var(--primary-blue)}.save-button:hover{background-color:var(--primary-blue-dark)}.cancel-button{background-color:#f0f0f0}.cancel-button:disabled,.edit-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}.error-message,.success-message{padding:.75rem;font-size:.9rem}.loading-indicator{padding:1rem}.product-management-container{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.product-management{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.1)}.product-management h2{margin-top:0;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.5rem;color:#333}.product-management h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#444}.error-message{background-color:#ffebee;color:#d32f2f;border-left:4px solid #d32f2f}.error-message,.warning-message{padding:.8rem;border-radius:.25rem}.warning-message{background-color:#fff8e1;color:#ff8f00;margin-bottom:1rem;border-left:4px solid #ffa000}.success-message{color:#2e7d32;padding:.8rem;border-radius:.25rem;border-left:4px solid #2e7d32}.loading-indicator{text-align:center;padding:2rem;color:#666}.configuration-section{margin-bottom:1.5rem;border-bottom:1px solid #f0f0f0;padding-bottom:1.5rem}.configuration-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.price-configuration{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.price-display{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.price-display label{font-weight:500;min-width:120px}.price-value{font-size:1.2rem;font-weight:600;color:#333}.price-edit{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.price-edit label{font-weight:500}.price-input{padding:.7rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem;max-width:300px}.button-group{grid-gap:.5rem;gap:.5rem;margin-top:.5rem}.cancel-button,.edit-button,.save-button{padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background-color .2s}.edit-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.edit-button:hover{background-color:#e0e0e0}.save-button{background-color:#2196f3}.save-button:hover{background-color:#1976d2}.save-button:disabled{background-color:#bbdefb}.cancel-button{background-color:#f5f5f5}.cancel-button:hover{background-color:#e0e0e0}.cancel-button:disabled{opacity:.7}.payment-gateway-configuration{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.toggle-container,.toggle-label{display:flex;align-items:center}.toggle-label{justify-content:space-between;width:100%;font-weight:500}.toggle-switch-container{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.toggle-status{font-weight:600;min-width:60px}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.setting-description{color:#666;font-size:.9rem;margin:0;padding-left:4px}@media screen and (min-width:768px){.price-configuration{flex-direction:row;align-items:center;justify-content:space-between}.price-display{flex:1 1}.price-edit{width:100%}.toggle-label{max-width:500px}}.venue-management{width:100%;max-width:100%;margin-bottom:2rem}.venue-management h2{margin-bottom:1.5rem;color:#333}.venue-management-layout{display:flex;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.field-list-section,.venue-list-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;flex:1 1;min-width:300px}.section-header{margin-bottom:1.5rem}.section-header h3{color:#333}.add-button{background-color:#0251e0;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#0143c3}.add-button:disabled{background-color:#ccc;cursor:not-allowed}.venue-actions{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.edit-button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;cursor:pointer;transition:background-color .2s}.edit-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:.25rem .5rem;font-size:.85rem;margin-right:.5rem}.cancel-button:hover{background-color:#5a6268}.save-button{padding:.25rem .5rem;font-size:.85rem;margin-left:.5rem}.save-button:hover{background-color:#218838}.inline-edit-form{display:flex;align-items:center;width:100%}.inline-edit-form input{padding:.25rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100%}.form-container{background-color:#f9f9f9;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #eee}.form-group{margin-bottom:1rem}.form-group label{font-weight:500}.form-group input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end}.submit-button{background-color:#0251e0;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#0143c3}.fields-list,.venues-list{max-height:500px;overflow-y:auto;margin-top:1rem}.venue-items{list-style:none;padding:0;margin:0}.venue-item{padding:1rem;border:1px solid #eee;border-radius:4px;margin-bottom:.5rem;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.venue-item:hover{background-color:#f5f5f5}.venue-item.selected{border-color:#0251e0;background-color:rgba(2,81,224,.05)}.venue-info{cursor:pointer}.venue-edit-form,.venue-info{display:flex;flex-direction:column;flex:1 1}.venue-edit-form{grid-gap:.5rem;gap:.5rem}.venue-edit-field input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.venue-item-actions{display:flex;grid-gap:.5rem;gap:.5rem}.venue-name{font-weight:600;color:#333;margin-bottom:.25rem}.venue-location{font-size:.9rem;color:#666}.fields-table{width:100%;border-collapse:collapse}.fields-table td,.fields-table th{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.fields-table th{font-weight:600;color:#333;background-color:#f8f9fa}.fields-table tr:last-child td{border-bottom:none}.delete-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;cursor:pointer;transition:background-color .2s}.delete-button:hover{background-color:#c82333}.field-action-button{margin-right:.75rem}.field-edit-actions{display:flex;grid-gap:.5rem;gap:.5rem}.section-loading{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:hsla(0,0%,100%,.8);border-radius:4px}.field-loading .loading-screen,.item-loading-overlay .loading-screen,.section-loading .loading-screen{position:relative;width:auto;height:auto;min-height:auto;background:none}.item-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);z-index:10;border-radius:4px}.field-loading,.item-loading-overlay{display:flex;justify-content:center;align-items:center}.field-loading{min-height:38px}.venue-item.updating,tr.updating{position:relative;opacity:.7}.error-message,.success-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.error-message{background-color:#fdeded;color:#d8000c;border-left:4px solid #d8000c}.success-message{background-color:#d4edda;color:#155724;border-left:4px solid #155724}.no-items-message{padding:1.5rem;text-align:center;color:#6c757d;font-style:italic;background-color:#f8f9fa;border-radius:4px}@media (max-width:992px){.venue-management-layout{flex-direction:column}.field-list-section,.venue-list-section{width:100%}}.cms-management{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.cms-management h2{margin-bottom:1.5rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.75rem}.cms-section{margin-bottom:1.5rem;border:1px solid #eee;border-radius:6px;overflow:hidden}.section-header{padding:1rem 1.25rem;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s;border-bottom:1px solid transparent}.section-header.active,.section-header:hover{background-color:#e9ecef}.section-header.active{border-bottom:1px solid #ddd}.section-header h3{margin:0;font-size:1.1rem;color:#444}.toggle-icon{font-size:1.5rem;font-weight:700;color:#666;transition:transform .2s ease}.section-content{padding:1.5rem;background-color:#fff;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease;max-height:2000px;opacity:1;overflow:hidden}.section-content.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.cms-section h3{margin-bottom:0;color:#444}.section-description{color:#666;margin-bottom:1.5rem;line-height:1.5}.error-message{background-color:#fee6e6;color:#d92c2c;border-left:4px solid #d92c2c}.error-message,.success-message{padding:10px 15px;border-radius:6px;margin-bottom:1rem}.success-message{background-color:#e6feef;color:#2cd94b;border-left:4px solid #2cd94b}.upload-container{margin-bottom:1.5rem}.file-input-container{display:flex;align-items:center;margin-bottom:1rem}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.browse-button{background-color:#0251e0;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.browse-button:hover:not(:disabled){background-color:#0143c3}.browse-button:disabled{background-color:#b3b3b3;cursor:not-allowed}.file-name{margin-left:1rem;padding:10px;flex:1 1;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.image-preview-container,.video-preview-container{margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #eee}.image-preview-container h4,.video-preview-container h4{margin-bottom:1rem;color:#555}.image-preview,.video-preview{max-width:100%;height:auto;border-radius:4px;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.image-preview{max-height:300px;display:block;margin:0 auto 1rem;object-fit:contain}.watermark-preview-wrapper{position:relative;padding:15px;background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 0),linear-gradient(-45deg,#e0e0e0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e0e0e0 0),linear-gradient(-45deg,transparent 75%,#e0e0e0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:4px;margin-bottom:1rem;border:1px solid #ddd}.watermark-preview{max-height:150px}.upload-actions{display:flex;grid-gap:1rem;gap:1rem;margin-top:1rem}.upload-button{background-color:#0251e0;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.upload-button:hover:not(:disabled){background-color:#0143c3}.upload-button:disabled{background-color:#b3b3b3;cursor:not-allowed}.cancel-button{background-color:#f8f9fa;color:#333;padding:10px 20px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:#e9ecef}.cancel-button:disabled{background-color:#f8f9fa;color:#b3b3b3;border-color:#e9ecef;cursor:not-allowed}.progress-container{margin-top:1rem}.progress-bar{height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:#0251e0;transition:width .3s ease}.progress-text{font-size:.875rem;color:#666;text-align:right}.cms-note{background-color:#fffde7;padding:1rem;border-radius:6px;margin-top:1.5rem;border-left:4px solid #ffeb3b}.cms-note p{margin-bottom:.5rem}.cms-note ul{margin-left:1.5rem;margin-bottom:0}.cms-note li{margin-bottom:.25rem}@media (max-width:768px){.file-input-container{flex-direction:column;align-items:flex-start}.file-name{margin-left:0;margin-top:.5rem;max-width:100%;width:100%}.upload-actions{flex-direction:column}.cancel-button,.upload-button{width:100%}}.email-config-form{background-color:#f8f9fa;padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #eee}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#444}.text-area,.text-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.5}.text-area:focus,.text-input:focus{border-color:#0251e0;outline:none;box-shadow:0 0 0 2px rgba(2,81,224,.2)}.text-area:disabled,.text-input:disabled{background-color:#f1f1f1;cursor:not-allowed}.text-area{resize:vertical;min-height:60px}.form-actions{margin-top:1.5rem}.save-button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#218838}.save-button:disabled{background-color:#8fcea0;cursor:not-allowed}code{background-color:#f1f1f1;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}body{overflow-x:hidden;padding-right:0!important;margin-right:0!important}body:before{content:"";position:fixed;top:0;right:0;width:100px;height:100%;z-index:-1;background:transparent}::-webkit-scrollbar{width:3px!important}::-webkit-scrollbar-track{background:transparent!important;margin-right:100px!important}::-webkit-scrollbar-thumb{background:hsla(0,0%,70.6%,.15)!important;border-radius:4px!important}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,70.6%,.3)!important}html{scrollbar-width:thin!important;scrollbar-color:hsla(0,0%,70.6%,.15) transparent!important;margin-right:100px!important}.admin-page{max-width:calc(100% - 100px)!important;margin:0 auto;height:auto;min-height:100vh;overflow-y:auto;padding:2rem;max-width:1200px;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.admin-title h1{margin-bottom:.5rem;color:#333}.admin-title p{color:#6c757d}.admin-actions{display:flex;grid-gap:1rem;gap:1rem}.create-admin-button,.logout-button{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.create-admin-button{background-color:var(--brand-blue);color:#fff;border:none}.create-admin-button:hover{background-color:var(--brand-blue-dark)}.logout-button{background-color:var(--brand-red);color:#fff;border:none}.logout-button:hover{background-color:var(--brand-red-dark)}.admin-filters{margin-bottom:1rem;background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.admin-filters h2{margin-bottom:1.25rem}.filter-row{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem;align-items:flex-end}.filter-group{flex:1 1;min-width:200px}.filter-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.admin-date-picker,.admin-search-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.date-picker-container{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.date-range-separator{font-size:.9rem;color:#666}.admin-reset-button{background-color:var(--gray-200);border:1px solid var(--gray-300);border-radius:4px;padding:.5rem 1rem;color:var(--gray-800);cursor:pointer;transition:all .2s;height:38px;min-width:120px}.admin-reset-button:hover{background-color:var(--gray-300)}.admin-export-button{background-color:var(--brand-green);border:none;border-radius:4px;padding:.5rem 1rem;color:var(--gray-900);cursor:pointer;transition:all .3s ease;height:38px;min-width:120px;margin-left:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;position:relative;overflow:hidden}.admin-export-button:hover{background-color:var(--brand-green-dark);color:var(--white)}.admin-export-button:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.7}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.admin-export-button:disabled{animation:pulse 1.5s ease-in-out infinite}.transactions-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:auto;max-height:70vh;position:relative;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar;width:100%;max-width:100%}.transactions-table-container::-webkit-scrollbar{height:12px;width:8px}.transactions-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.transactions-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:2px solid #f1f1f1}.transactions-table-container::-webkit-scrollbar-thumb:hover{background:#666}.transactions-table{min-width:1300px;width:100%;border-collapse:initial;border-spacing:0;table-layout:auto}.transactions-table thead{position:sticky;top:0;z-index:1;background-color:#f8f9fa}.transactions-table thead th{box-shadow:inset 0 -1px 0 #eee}.transactions-table td:nth-child(8),.transactions-table td:nth-child(9),.transactions-table th:nth-child(8),.transactions-table th:nth-child(9){min-width:170px;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.transactions-table td:nth-child(10),.transactions-table td:nth-child(11),.transactions-table th:nth-child(10),.transactions-table th:nth-child(11){min-width:120px;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.transactions-table td:nth-child(4),.transactions-table td:nth-child(5),.transactions-table th:nth-child(4),.transactions-table th:nth-child(5){background-color:#fff}.transactions-table td:nth-child(4),.transactions-table td:nth-child(5),.transactions-table th:nth-child(4),.transactions-table th:nth-child(5){box-shadow:none}.transactions-table thead th:nth-child(4),.transactions-table thead th:nth-child(5){background-color:#f8f9fa}.transactions-table td,.transactions-table th{padding:1rem;text-align:left;border-bottom:1px solid #eee;overflow:visible;text-overflow:ellipsis;white-space:nowrap;position:relative}.transactions-table td.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transactions-table td.amount-cell,.transactions-table td.date-cell{white-space:nowrap;overflow:visible;text-overflow:clip}.transactions-table td.truncated{position:relative}.transactions-table td.truncated:hover:after{content:attr(data-full-text);position:absolute;left:0;top:100%;background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;z-index:10;white-space:normal;max-width:300px;word-break:break-all;box-shadow:0 2px 5px rgba(0,0,0,.2)}.transactions-table th{background-color:#f8f9fa;font-weight:600;color:#333}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover{background-color:#f8f9fa}.transactions-table td:first-child,.transactions-table th:first-child{width:80px;min-width:80px;font-family:monospace;white-space:nowrap;overflow:visible;max-width:none}.transactions-table td:nth-child(2),.transactions-table th:nth-child(2){width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transactions-table td:nth-child(3),.transactions-table th:nth-child(3){width:80px;min-width:80px}.transactions-table td:nth-child(4),.transactions-table th:nth-child(4){width:120px;min-width:120px;white-space:nowrap;overflow:visible;text-overflow:clip}.transactions-table td:nth-child(5),.transactions-table th:nth-child(5){min-width:170px;white-space:nowrap;overflow:visible;text-overflow:clip}.transactions-table td:nth-child(6),.transactions-table th:nth-child(6){width:100px;min-width:100px}.transactions-table td:nth-child(7),.transactions-table th:nth-child(7){width:150px;min-width:150px}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;text-align:center;width:90px}.status-paid{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-denied,.status-failed{background-color:#f8d7da;color:#721c24}.email-status-sent,.status-completed{background-color:#d4edda;color:#155724}.email-status-pending{background-color:#fff3cd;color:#856404}.email-status-failed{background-color:#f8d7da;color:#721c24}.email-status-null{background-color:#e9ecef;color:#6c757d}.resend-button{background-color:var(--brand-blue);color:var(--white);border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .3s ease}.resend-button:hover:not(:disabled){background-color:var(--brand-blue-dark)}.resend-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.admin-error{background-color:#ffebee;border-left:4px solid #f44336;color:#b71c1c;padding:12px 15px;border-radius:4px;margin:10px 0 20px;font-size:14px;display:flex;align-items:center}.no-transactions{padding:3rem;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.no-transactions p{color:#6c757d;font-size:1.1rem}.admin-top-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background-color:#fff;border-radius:8px 8px 0 0;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.admin-top-controls.full-width{width:100%}.admin-pagination{display:flex;justify-content:flex-end}.admin-pagination .pagination{margin-top:0}.venue-filter{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee;width:100%}.reset-button-row{margin-top:1rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;grid-gap:10px;gap:10px}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.admin-actions{width:100%}.admin-filters{padding:.75rem}.venue-filter{margin-bottom:1rem}.transactions-table-container{max-height:50vh}.admin-page{padding:1rem}}@media (max-width:992px){.transactions-table-container{max-height:60vh}.admin-top-controls{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.admin-pagination{width:100%}.filter-row{flex-direction:column;grid-gap:1rem;gap:1rem}.filter-group{width:100%}.admin-reset-button{width:100%;max-width:none;margin-top:.5rem}.reset-button-row{width:100%;display:flex;justify-content:flex-end}}@media (min-width:1400px){.admin-page{max-width:1400px;margin:0 auto}}@media (orientation:portrait){.transactions-table-container{max-height:50vh}.transactions-table thead{position:sticky;top:0}}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}@media (orientation:portrait){.transactions-table-container{max-height:70vh;overflow-y:auto}.transactions-table thead{position:sticky;top:0;z-index:1;background-color:#f8f9fa}}.admin-content{width:100%;max-width:100%;margin:0 auto}.admin-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #eee;overflow-x:auto;white-space:nowrap}.admin-tab{padding:.75rem 1.25rem;background-color:var(--gray-200);border:none;border-radius:6px;margin-right:.5rem;margin-bottom:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.admin-tab:hover{background-color:var(--gray-300)}.admin-tab.active{background-color:var(--brand-blue);color:var(--white)}.admin-content{margin-bottom:2rem}.devices-section,.transactions-section{width:100%}@media (max-width:768px){.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1 1;min-width:120px;text-align:center}}.venue-info{margin-bottom:1rem;font-style:italic;color:#666;padding:.5rem;background-color:#f8f9fa;border-radius:4px}.field-filter{margin-top:10px;display:flex;align-items:center}.field-filter label{margin-right:10px;font-weight:600;min-width:120px}.field-filter select{padding:8px 12px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:14px;width:250px}@media (max-width:768px){.field-filter{flex-direction:column;align-items:flex-start}.field-filter label{margin-bottom:5px}.field-filter select{width:100%}}@keyframes buttonSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:buttonSpin .8s linear infinite;margin-right:8px}.admin-success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#1b5e20;padding:12px 15px;border-radius:4px;margin:10px 0 20px;font-size:14px;display:flex;align-items:center}.email-cell.truncated,.video-titles-cell.truncated{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.video-titles-cell.truncated:hover:after{white-space:normal;max-width:300px;word-wrap:break-word}.email-cell.truncated:hover:after,.video-titles-cell.truncated:hover:after{content:attr(data-full-text);position:absolute;left:0;top:100%;background-color:#333;color:#fff;padding:5px;border-radius:3px;z-index:1000}.errors-management{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.errors-management h2{margin-bottom:1.5rem;color:#333}.placeholder-container{padding:40px 20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.placeholder-content{max-width:400px;margin:0 auto}.placeholder-icon{margin-bottom:20px;color:#bfbfbf}.placeholder-icon svg{width:64px;height:64px}.placeholder-container p{color:#8c8c8c;margin-bottom:10px;font-size:16px}.placeholder-container p:last-child{font-size:14px;color:#bfbfbf}.last-updated{margin-top:20px;text-align:right;font-size:12px;color:#8c8c8c;font-style:italic}.transaction-list .error-message{background-color:#ffebee;border-left:4px solid #f44336;color:#b71c1c}.transaction-list .error-message,.transaction-list .success-message{padding:12px 15px;border-radius:4px;margin:10px 0 20px;font-size:14px;display:flex;align-items:center}.transaction-list .success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#1b5e20}.storage-quota-management{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.refresh-button{padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.refresh-button:hover{background-color:#40a9ff}.refresh-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.quota-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.quota-summary{display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap}.quota-card{flex:1 1;min-width:200px;padding:20px;background-color:#f5f5f5;border-radius:8px;margin-right:15px;margin-bottom:15px;text-align:center}.quota-card:last-child{margin-right:0}.quota-value{font-size:24px;font-weight:700;margin:10px 0 5px;color:#1890ff}.quota-percentage{font-size:16px;color:#666}.quota-progress{margin:30px 0}.progress-bar-container{height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:5px}.progress-bar{height:100%;border-radius:10px;transition:width .5s ease-in-out}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#666}.quota-details{margin-top:30px}.quota-table{width:100%;border-collapse:collapse;margin-top:15px}.quota-table td,.quota-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #e8e8e8}.quota-table th{background-color:#fafafa;font-weight:500}.error-message{background-color:#fff1f0;border:1px solid #ffa39e;padding:15px;border-radius:4px;margin-bottom:20px;color:#cf1322}.no-data{text-align:center;padding:30px;color:#666;background-color:#f5f5f5;border-radius:4px}.button-group{display:flex;grid-gap:10px;gap:10px}.empty-drive-button{padding:8px 16px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.empty-drive-button:hover{background-color:#ff7875}.empty-drive-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#1b5e20;padding:15px;border-radius:4px;margin-bottom:20px}.delete-old-button{padding:8px 16px;background-color:#faad14;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.delete-old-button:hover{background-color:#ffc53d}.delete-old-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.create-admin-page{padding:2rem;max-width:600px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.create-admin-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:2rem;width:100%}@media (orientation:portrait) and (min-height:801px){.create-admin-page{align-items:center;justify-content:center}}@media (min-width:1024px) and (orientation:landscape){.create-admin-page{align-items:flex-start;padding:2vh 1rem 1rem}.create-admin-container{padding:1.5rem 2rem}.create-admin-form{grid-gap:.75rem!important;gap:.75rem!important}.form-group{margin-bottom:0;grid-gap:.3rem!important;gap:.3rem!important}.form-group input,.form-group select{padding:10px 15px!important}.create-admin-header{margin-bottom:1.5rem!important;padding-bottom:.75rem!important}.create-admin-header h1{font-size:1.5rem;margin-right:1rem}.back-button{padding:6px 12px;font-size:.9rem}.create-button{margin-top:.5rem!important}.info-message-container{padding:.75rem!important;margin-bottom:1rem!important}}@media (max-height:800px){.create-admin-page{padding:2rem 1rem 1rem;align-items:flex-start}.create-admin-container{padding:1.5rem}}.create-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee;grid-gap:2rem;gap:2rem}.create-admin-header h1{margin:0;color:#333;flex:1 1}.back-button{padding:8px 15px;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s}.back-button:hover{background-color:#e9ecef}.create-admin-form{grid-gap:1.5rem;gap:1.5rem}.create-admin-form,.form-group{display:flex;flex-direction:column}.form-group{grid-gap:.5rem;gap:.5rem}.form-group label{font-weight:600;color:#333}.form-group input,.form-group select{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#0251e0;box-shadow:0 0 0 2px rgba(2,81,224,.2);outline:none}.create-button{padding:12px 20px;background:linear-gradient(135deg,#9ee000,#0251e0);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;margin-top:1rem}.create-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.create-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.create-admin-error{background-color:#fdeded;color:#d8000c;border-left:4px solid #d8000c}.create-admin-error,.create-admin-success{padding:10px 15px;border-radius:0 4px 4px 0;font-size:.9rem}.create-admin-success{background-color:#d4edda;color:#155724;border-left:4px solid #9ee000}.helper-text{font-size:.8rem;font-weight:400;color:#666;margin-left:.5rem}.info-message-container{border:1px dashed #ddd;border-radius:6px;padding:1rem;margin-bottom:1.5rem;background-color:#f8f9fa;text-align:center}.info-message{font-size:.9rem;color:#0251e0;font-style:italic}.portrait-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;background-color:#f5f7fa;z-index:9999}.portrait-loading-container,.portrait-loading-content{display:flex;align-items:center;justify-content:center}.portrait-loading-content{flex-direction:column}.portrait-spinner{width:80px;height:80px;border:8px solid rgba(0,0,0,.1);border-left-color:#0251e0;border-radius:50%;animation:portrait-spin 1s linear infinite}.portrait-loading-message{margin-top:24px;color:#333;font-weight:500;font-size:24px}@keyframes portrait-spin{to{transform:rotate(1turn)}}.portrait-loading-active{overflow:hidden!important}@media screen and (width:1080px) and (height:1920px){.portrait-loading-container{width:1080px;height:1920px;left:0;top:0}.portrait-loading-content{width:1080px}body.portrait-loading-active{overflow:hidden!important}body.portrait-loading-active>:not(.portrait-loading-container){display:none!important}.portrait-loading-active .portrait-loading-container{display:flex!important}}body,html{margin:0;padding:0}#root,body,html{width:100vw;height:100vh;overflow:hidden}#root{position:relative}.app,.main-content{width:100vw;height:100vh;overflow:hidden}.main-content{position:relative}@media screen and (orientation:portrait){#root,.app,.main-content,body,html{width:100vw;height:100vh;overflow:hidden}}@media screen and (min-width:1080px) and (max-width:1080px) and (min-height:1920px){#root,.app,.main-content,body,html{width:100vw;height:100vh;overflow:hidden}}#root,.app,body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden!important;max-width:100vw;box-sizing:border-box}body{font-family:"Poppins",sans-serif;background-color:#f5f7fa;overscroll-behavior-x:none}.app,body{max-width:100vw;overflow-x:hidden!important;position:relative}.app{width:100%}.main-content{display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden!important;padding-left:0;padding-right:0}.app .home-container{margin:0;padding:0;height:100vh;width:100vw;position:absolute;top:0;left:0;overflow-x:hidden!important}@media screen and (orientation:portrait){#root,.app,.main-content,body,html{max-width:100vw;overflow-x:hidden!important;width:100%;overscroll-behavior-x:none}div,footer,header,main,nav,section{max-width:100vw;box-sizing:border-box;overflow-x:hidden}[style*="position: absolute"],[style*="position: fixed"]{max-width:100vw;left:0;right:0;margin-left:auto;margin-right:auto}}@media screen and (min-width:1080px) and (max-width:1080px) and (min-height:1920px){:root{--container-max-width:1080px}#root,.app,.main-content,body,html{width:100%;max-width:1080px;overflow-x:hidden!important;margin-left:auto;margin-right:auto;overscroll-behavior-x:none}.admin-page,.checkout-page,.video-selection-page{max-width:1080px;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.admin-page,.checkout-page,.video-grid,.video-selection-page{width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}.video-grid{max-width:1050px;padding:0}.checkout-controls,.loading-container,.modal-content{max-width:1080px;width:100%;left:50%;transform:translateX(-50%);box-sizing:border-box}.checkout-controls.visible{transform:translateX(-50%) translateY(0)}}canvas,iframe,img,table,video{max-width:100%!important;height:auto}table{table-layout:fixed;width:100%}body{background-color:var(--background)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding:var(--spacing-4) 0}input,select,textarea{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:var(--white);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px rgba(2,81,224,.2)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}p{margin-bottom:var(--spacing-4)}a{color:var(--secondary);transition:color var(--transition-fast)}a:hover{color:var(--brand-blue-dark)}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=main.9b1b5ffc.chunk.css.map */