.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.notification{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:300px;max-width:500px;pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease-out;border-left:4px solid;transition:all var(--transition-fast)}.notification:hover{transform:translate(-5px);box-shadow:var(--shadow-xl)}.notification-success{border-left-color:var(--color-success);background-color:#f1f8f4}.notification-error{border-left-color:var(--color-error);background-color:#fff5f5}.notification-warning{border-left-color:#ff9800;background-color:#fff8e1}.notification-info{border-left-color:#2196f3;background-color:#e3f2fd}.notification-icon{font-size:var(--font-size-xl);flex-shrink:0}.notification-success .notification-icon{color:var(--color-success)}.notification-error .notification-icon{color:var(--color-error)}.notification-warning .notification-icon{color:#ff9800}.notification-info .notification-icon{color:#2196f3}.notification-message{flex:1;font-size:var(--font-size-base);color:var(--color-text);line-height:1.5}.notification-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:color var(--transition-fast);flex-shrink:0}.notification-close:hover{color:var(--color-text)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.modal-content{background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-secondary);position:relative}.modal-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.modal-icon{font-size:var(--font-size-2xl)}.modal-icon-warning{color:#ff9800}.modal-icon-warning+.modal-icon-wrapper{background-color:#ff98001a}.modal-icon-error{color:var(--color-error)}.modal-icon-error+.modal-icon-wrapper{background-color:#f443361a}.modal-icon-info{color:#2196f3}.modal-icon-info+.modal-icon-wrapper{background-color:#2196f31a}.modal-title{flex:1;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0;font-family:var(--font-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:color var(--transition-fast);font-size:var(--font-size-lg)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--spacing-lg)}.modal-message{font-size:var(--font-size-base);color:var(--color-text);line-height:1.6;margin:0}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-secondary);justify-content:flex-end}.btn-modal-cancel,.btn-modal-confirm{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:2px solid;font-family:var(--font-secondary)}.btn-modal-cancel{background-color:transparent;color:var(--color-text);border-color:var(--color-secondary)}.btn-modal-cancel:hover{background-color:var(--color-background-light);border-color:var(--color-text-light)}.btn-modal-confirm{color:var(--color-text-white);border:none}.btn-modal-warning{background-color:#ff9800}.btn-modal-warning:hover{background-color:#f57c00;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-modal-error{background-color:var(--color-error)}.btn-modal-error:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-modal-info{background-color:#2196f3}.btn-modal-info:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.modal-content{margin:var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md))}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-md);flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm{width:100%}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--color-background);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);transition:all var(--transition-base);width:100%}.header.scrolled{box-shadow:var(--shadow-md);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-lg);flex-wrap:nowrap;width:100%;box-sizing:border-box}.logo{display:flex;flex-direction:column;text-decoration:none;color:var(--color-primary);font-family:var(--font-primary);z-index:var(--z-fixed);flex-shrink:0}.logo-text{font-size:var(--font-size-2xl);font-weight:600;line-height:1;letter-spacing:-.5px}.logo-subtitle{font-size:var(--font-size-xs);font-family:var(--font-secondary);font-weight:400;letter-spacing:2px;margin-top:2px;color:var(--color-text-light)}.nav{display:flex;align-items:center;gap:var(--spacing-xl);font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:1px}.nav a{color:var(--color-text);transition:color var(--transition-fast);position:relative}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.nav a:hover:after,.nav a.active:after{width:100%}.nav a:hover,.nav a.active{color:var(--color-primary)}.admin-link{color:var(--color-primary)!important;font-weight:600}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);position:relative}.user-name:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.user-name:hover:after,.user-name.active:after{width:100%}.user-name:hover,.user-name.active{color:var(--color-primary)}.btn-login,.btn-logout{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.btn-login:hover,.btn-logout:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.cart-icon{position:relative;font-size:var(--font-size-xl);color:var(--color-text);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.cart-icon:hover{color:var(--color-primary)}.cart-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;padding:0 var(--spacing-xs);box-shadow:var(--shadow-md);line-height:1}.menu-toggle{display:none;font-size:var(--font-size-2xl);color:var(--color-text);background:none;border:none;cursor:pointer;z-index:var(--z-fixed)}@media (max-width: 968px){.header .container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.header-content{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%;gap:0;padding:var(--spacing-xs) 0}.logo{flex:0 1 auto;min-width:0;margin:0;padding:0}.header-content>.nav{position:fixed;top:46px;left:0;right:0;bottom:0;background-color:var(--color-background);flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-xl);padding-top:var(--spacing-2xl);transform:translate(-100%);transition:transform var(--transition-base);z-index:var(--z-sticky);overflow-y:auto;display:flex;width:100%;margin:0;padding-left:0;padding-right:0;order:999}.header-content>.nav.open{transform:translate(0)}.menu-toggle{display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-sticky) + 1);position:relative;flex-shrink:0;width:28px;height:28px;margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;line-height:1}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0;margin:0 0 0 auto}.cart-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:1}.nav a{font-size:var(--font-size-lg)}.user-menu{flex-direction:column;gap:var(--spacing-md)}}@media (max-width: 480px){.logo-text{font-size:var(--font-size-xl)}.logo-subtitle{font-size:10px}}.footer{background-color:var(--color-background-dark);padding:var(--spacing-4xl) 0 var(--spacing-xl);margin-top:var(--spacing-4xl);border-top:1px solid var(--color-secondary)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}@media (min-width: 968px){.footer-content{grid-template-columns:1.5fr 2fr 1.5fr 1fr;align-items:start}.footer-section:nth-child(2){text-align:left;justify-self:start}.footer-section:nth-child(2) .contact-info{align-items:flex-start}.footer-section:nth-child(3){text-align:right;justify-self:end}.footer-section:nth-child(3) .social-links{justify-content:flex-end}}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;flex-direction:column;text-decoration:none;color:var(--color-primary);font-family:var(--font-primary);margin-bottom:var(--spacing-sm)}.footer-logo .logo-text{font-size:var(--font-size-2xl);font-weight:600;line-height:1}.footer-logo .logo-subtitle{font-size:var(--font-size-xs);font-family:var(--font-secondary);letter-spacing:2px;margin-top:2px;color:var(--color-text-light)}.footer-description{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.6;max-width:300px}.footer-title{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:600}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);font-size:var(--font-size-sm)}.contact-item:hover{color:var(--color-primary)}.contact-item svg{font-size:var(--font-size-lg)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background-color:var(--color-background);color:var(--color-text);transition:all var(--transition-fast);font-size:var(--font-size-lg)}.social-links a:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-nav a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-primary)}.footer-logout-btn{background:none;border:none;color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);cursor:pointer;padding:0;text-align:left;font-family:inherit}.footer-logout-btn:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--color-secondary);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm)}@media (max-width: 968px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}.footer-section:nth-child(2),.footer-section:nth-child(3){text-align:center;justify-self:auto}.footer-section:nth-child(2) .contact-info{align-items:center}.footer-section:nth-child(3) .social-links{justify-content:center}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-section{text-align:center;align-items:center}.footer-section:nth-child(2) .contact-info{align-items:center}.social-links{justify-content:center}.footer-nav,.social-links-footer{align-items:center}}.video-card{display:flex;flex-direction:column;background-color:var(--color-background);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;color:inherit;height:100%;min-height:0;align-items:stretch}.video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.video-card-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:var(--color-background-dark);flex-shrink:0}.video-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.video-card:hover .video-card-image img{transform:scale(1.05)}.video-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);color:var(--color-text-light);font-size:var(--font-size-sm)}.video-card-price{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--shadow-md)}.video-card-badge{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background-color:#fffffff2;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);box-shadow:var(--shadow-sm)}.video-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1 auto;min-height:0;height:100%;box-sizing:border-box;overflow:visible}.video-card-title{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.84em;padding-bottom:6px;box-sizing:border-box}.video-card-description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3em;padding-bottom:4px}@media (max-width: 768px){.video-card-content{padding:var(--spacing-md)}.video-card-title{font-size:var(--font-size-base)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.hero-section{position:relative;height:90vh;min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);background-image:url(https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=1920&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000004d,#00000080)}.hero-content{position:relative;z-index:1;text-align:center;color:var(--color-text-white);padding:0 var(--spacing-md);max-width:800px}.hero-title{font-family:var(--font-primary);font-size:var(--font-size-5xl);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-2xl);color:var(--color-text-white);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-background);color:var(--color-text);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.hero-cta:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.quote-section{background-color:var(--color-background-light)}.quote{max-width:900px;margin:0 auto;text-align:center;padding:var(--spacing-3xl);border-left:4px solid var(--color-primary);background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.quote p{font-family:var(--font-primary);font-size:var(--font-size-xl);font-style:italic;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-lg)}.quote cite{display:block;font-size:var(--font-size-lg);color:var(--color-primary);font-style:normal;font-weight:600;margin-top:var(--spacing-md)}.top-videos-section{background-color:var(--color-background)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:600px;margin:0 auto}.videos-swiper{padding-bottom:var(--spacing-3xl)}.videos-swiper :global(.swiper-wrapper){display:flex;align-items:stretch}.videos-swiper :global(.swiper-slide){height:auto;display:flex;align-items:stretch;box-sizing:border-box}.videos-swiper :global(.swiper-slide)>*{width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}@media (min-width: 640px){.videos-swiper :global(.swiper-slide){display:grid;grid-template-rows:1fr}}.videos-swiper :global(.swiper-button-next),.videos-swiper :global(.swiper-button-prev){color:var(--color-primary)}.videos-swiper :global(.swiper-pagination-bullet-active){background-color:var(--color-primary)}.about-section{background-color:var(--color-background-light)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.about-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-description{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-light)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);text-decoration:none;width:fit-content}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);text-decoration:none;width:fit-content}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px)}.about-image{position:relative;padding-top:75%;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.about-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);color:var(--color-text-light);gap:var(--spacing-md)}.about-image-placeholder svg{font-size:var(--font-size-5xl);color:var(--color-primary)}.about-image-placeholder span{font-size:var(--font-size-lg);font-weight:500}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-md)}.cta-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3xl);opacity:.95}.cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.cta-buttons .btn-primary{background-color:var(--color-background);color:var(--color-text)}.cta-buttons .btn-primary:hover{background-color:var(--color-background-light)}.cta-buttons .btn-secondary{background-color:var(--color-background);border-color:var(--color-background);color:var(--color-text)}.cta-buttons .btn-secondary:hover{background-color:var(--color-background-light);border-color:var(--color-background-light);color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 968px){.hero-title{font-size:var(--font-size-4xl)}.about-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.about-image{order:-1}.section-title{font-size:var(--font-size-3xl)}}@media (max-width: 640px){.hero-section{height:70vh;min-height:500px}.hero-title{font-size:var(--font-size-3xl)}.quote{padding:var(--spacing-xl)}.quote p{font-size:var(--font-size-lg)}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%;justify-content:center}}.tienda{min-height:100vh}.tienda-hero{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);padding:var(--spacing-4xl) 0}.tienda-header{text-align:center;max-width:800px;margin:0 auto}.tienda-title{font-family:var(--font-primary);font-size:var(--font-size-5xl);color:var(--color-text);margin-bottom:var(--spacing-lg)}.tienda-subtitle{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-light)}.tienda-content{padding:var(--spacing-4xl) 0}.tienda-loading,.tienda-error,.tienda-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.tienda-title{font-size:var(--font-size-3xl)}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}}.video-detail{padding:var(--spacing-4xl) 0;min-height:calc(100vh - 160px)}.video-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4xl)}.video-detail-media{position:relative}.video-player,.video-preview{position:relative;width:100%;padding-top:56.25%;background-color:var(--color-background-dark);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background-color:#000}.video-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);color:var(--color-text-light);gap:var(--spacing-md)}.video-placeholder svg{font-size:var(--font-size-5xl);color:var(--color-primary)}.video-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lock-content{text-align:center;color:var(--color-text-white);padding:var(--spacing-2xl)}.lock-content svg{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.lock-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.btn-buy{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);border:none;cursor:pointer}.btn-buy:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.video-share-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-background-light);border-radius:var(--border-radius-md)}.share-buttons-grid{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.btn-share-social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius-md);border:2px solid var(--color-secondary);background-color:var(--color-background);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg)}.btn-share-social:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-share-social.share:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.btn-share-social.copy{position:relative}.btn-share-social.copy.copied{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-white)}.btn-share-social.copy.copied:hover{background-color:var(--color-success);border-color:var(--color-success)}.btn-share-social.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:var(--color-text-white)}.btn-share-social.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:var(--color-text-white)}.btn-share-social.twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:var(--color-text-white)}.btn-share-social.email:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.video-detail-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text);margin:0;line-height:1.2}.video-detail-description{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-light)}.video-detail-meta{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background-light);border-radius:var(--border-radius-lg)}.video-price{display:flex;justify-content:space-between;align-items:center}.price-label{font-size:var(--font-size-sm);color:var(--color-text-light)}.price-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-primary);font-family:var(--font-primary)}.video-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-light)}.video-stats svg{color:var(--color-success)}.btn-add-to-cart{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);border:none;cursor:pointer;width:100%}.btn-add-to-cart:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-add-to-cart:disabled{opacity:.6;cursor:not-allowed}.btn-remove-from-cart{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-error);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);border:none;cursor:pointer;width:100%}.btn-remove-from-cart:hover:not(:disabled){background-color:#c62828;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-remove-from-cart:disabled{opacity:.6;cursor:not-allowed}.video-access-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#4caf501a;border:2px solid var(--color-success);border-radius:var(--border-radius-md);color:var(--color-success);font-weight:500}.video-access-badge svg{font-size:var(--font-size-xl)}.access-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#d4af371a;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.access-message svg{font-size:var(--font-size-xl);flex-shrink:0}.access-message p{margin:0;font-weight:500}.video-detail-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.video-detail-error{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:var(--spacing-4xl);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%)}.error-container{text-align:center;max-width:600px;padding:var(--spacing-3xl);background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.error-icon{width:120px;height:120px;margin:0 auto var(--spacing-2xl);display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);color:var(--color-primary)}.error-icon svg{font-size:var(--font-size-5xl)}.error-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:600}.error-message{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-2xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-error-primary,.btn-error-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);font-family:var(--font-secondary);border:2px solid;cursor:pointer;min-width:180px}.btn-error-primary{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.btn-error-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-error-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-error-secondary:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 640px){.video-detail-error{padding:var(--spacing-2xl) var(--spacing-md);min-height:60vh}.error-container{padding:var(--spacing-xl)}.error-icon{width:100px;height:100px;margin-bottom:var(--spacing-xl)}.error-icon svg{font-size:var(--font-size-4xl)}.error-title{font-size:var(--font-size-2xl)}.error-message{font-size:var(--font-size-base)}.error-actions{flex-direction:column}.btn-error-primary,.btn-error-secondary{width:100%;min-width:auto}}@media (max-width: 968px){.video-detail-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.video-detail-title{font-size:var(--font-size-3xl)}}@media (max-width: 640px){.video-detail-title{font-size:var(--font-size-2xl)}.lock-content{padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;align-items:center;gap:16px}.lock-content svg{font-size:var(--font-size-3xl);margin-bottom:0}.lock-content p{font-size:var(--font-size-sm);padding:0;margin:0;line-height:1.4}.btn-buy{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);white-space:normal;word-wrap:break-word;width:100%;max-width:100%;box-sizing:border-box;line-height:1.3}.video-share-section{padding:var(--spacing-md)}.share-buttons-grid{gap:var(--spacing-xs)}.btn-share-social{width:40px;height:40px;font-size:var(--font-size-base)}}@media (max-width: 375px){.lock-content{padding:var(--spacing-sm);gap:12px}.lock-content svg{font-size:var(--font-size-2xl)}.lock-content p{font-size:var(--font-size-xs);line-height:1.3}.btn-buy{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.video-detail-title{font-size:var(--font-size-xl)}}.auth-page{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-md);background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-secondary) 100%)}.auth-container{width:100%;max-width:450px;background-color:var(--color-background);border-radius:var(--border-radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-3xl)}.auth-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-sm)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-light)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper input{padding-right:45px}.password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);transition:color var(--transition-fast);z-index:1}.password-toggle:hover{color:var(--color-primary)}.password-toggle:focus{outline:none;color:var(--color-primary)}.btn-auth{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);margin-top:var(--spacing-md)}.btn-auth:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-error{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.auth-success{padding:var(--spacing-md);background-color:#4caf501a;border:1px solid var(--color-success);border-radius:var(--border-radius-md);color:var(--color-success);font-size:var(--font-size-sm);text-align:center}.auth-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light)}.auth-footer a{color:var(--color-primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 640px){.auth-page{padding:var(--spacing-2xl) var(--spacing-sm)}.auth-container{padding:var(--spacing-lg) var(--spacing-md);margin:0;max-width:100%;box-sizing:border-box}.form-group input{padding:var(--spacing-lg);font-size:var(--font-size-base)}.password-input-wrapper input{padding-right:50px}.password-toggle{right:var(--spacing-sm)}.btn-auth{padding:var(--spacing-lg);font-size:var(--font-size-base);width:100%}.auth-title{font-size:var(--font-size-2xl)}}.my-videos{min-height:100vh}.my-videos-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.my-videos-header{text-align:center;max-width:600px;margin:0 auto}.my-videos-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-md)}.my-videos-subtitle{font-size:var(--font-size-lg);opacity:.9}.my-videos-content{padding:var(--spacing-4xl) 0}.my-videos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.my-videos-empty h2{font-family:var(--font-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.my-videos-empty p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-2xl)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-2xl)}.my-videos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 768px){.my-videos-title{font-size:var(--font-size-3xl)}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}}@media (max-width: 640px){.my-videos-content{padding:var(--spacing-2xl) 0}.my-videos-content .container{padding:0 var(--spacing-sm);max-width:100%;box-sizing:border-box}.my-videos-empty{padding:var(--spacing-2xl) var(--spacing-md);min-height:40vh}.empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.my-videos-empty h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.my-videos-empty p{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm);line-height:1.6}.my-videos-empty .btn-primary{width:100%;max-width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}}@media (max-width: 480px){.videos-grid{grid-template-columns:1fr}}.stripe-checkout-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.checkout-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-content{position:relative;background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;z-index:1;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-secondary)}.checkout-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin:0}.checkout-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:color var(--transition-fast);font-size:var(--font-size-xl);border-radius:var(--border-radius-md)}.checkout-close:hover{color:var(--color-text);background-color:var(--color-background-light)}.checkout-body{padding:var(--spacing-xl)}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);gap:var(--spacing-lg)}.checkout-loading svg{font-size:var(--font-size-4xl);color:var(--color-primary)}.checkout-loading p{font-size:var(--font-size-lg);color:var(--color-text-light)}.spinning{animation:spin 1s linear infinite}.stripe-checkout-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.payment-error-message{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.checkout-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-cancel-payment,.btn-submit-payment{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);font-family:var(--font-secondary);border:2px solid;cursor:pointer;min-width:150px}.btn-cancel-payment{background-color:transparent;color:var(--color-text);border-color:var(--color-secondary)}.btn-cancel-payment:hover:not(:disabled){background-color:var(--color-background-light);border-color:var(--color-text-light)}.btn-submit-payment{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.btn-submit-payment:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-cancel-payment:disabled,.btn-submit-payment:disabled{opacity:.6;cursor:not-allowed}.stripe-checkout-form .StripeElement{padding:var(--spacing-md);border:1px solid var(--color-secondary);border-radius:var(--border-radius-md);background-color:var(--color-background)}@media (max-width: 640px){.stripe-checkout-modal{padding:0}.checkout-content{max-width:100%;max-height:100vh;border-radius:0}.checkout-header{padding:var(--spacing-lg)}.checkout-title{font-size:var(--font-size-xl)}.checkout-body{padding:var(--spacing-lg)}.checkout-actions{flex-direction:column-reverse}.btn-cancel-payment,.btn-submit-payment{width:100%;min-width:auto}}.cart{min-height:100vh}.cart-hero{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.cart-header{text-align:center}.cart-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white)}.cart-content{padding:var(--spacing-4xl) 0}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl);gap:var(--spacing-lg)}.empty-icon{font-size:var(--font-size-6xl);color:var(--color-text-lighter);margin-bottom:0}.cart-empty h2{font-family:var(--font-primary);font-size:var(--font-size-3xl);margin:0;line-height:1.3}.cart-empty p{font-size:var(--font-size-lg);color:var(--color-text-light);margin:0;line-height:1.6}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-3xl)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:var(--border-radius-lg);transition:all var(--transition-base)}.cart-item:hover{box-shadow:var(--shadow-md)}.cart-item-image{width:100%;height:80px;object-fit:cover;border-radius:var(--border-radius-md);background-color:var(--color-background-dark)}.cart-item-image-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);border-radius:var(--border-radius-md);color:var(--color-text-light);font-size:var(--font-size-xs)}.cart-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-title{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-text);margin:0}.cart-item-description{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md)}.cart-item-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.cart-item-price{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);font-family:var(--font-primary)}.btn-view{padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-secondary)}.btn-view:hover{background-color:var(--color-primary);color:var(--color-text-white)}.btn-view span{display:inline-block}.btn-remove{padding:var(--spacing-sm);background-color:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-remove:hover{background-color:var(--color-error);color:var(--color-text-white)}.cart-summary{padding:var(--spacing-xl);background-color:var(--color-background-light);border-radius:var(--border-radius-lg);height:fit-content;position:sticky;top:100px}.summary-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-text)}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--color-text);border-bottom:1px solid var(--color-secondary)}.summary-row.total{border-bottom:none;border-top:2px solid var(--color-primary);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);font-family:var(--font-primary)}.btn-checkout{width:100%;padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-checkout:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-checkout:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 968px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 640px){.cart-hero,.cart-content{padding:var(--spacing-2xl) 0}.cart-empty{padding:var(--spacing-2xl) var(--spacing-md);gap:var(--spacing-xl);min-height:40vh}.empty-icon{font-size:var(--font-size-5xl);margin-bottom:0}.cart-empty h2{font-size:var(--font-size-2xl);line-height:1.4;padding:0 var(--spacing-sm)}.cart-empty p{font-size:var(--font-size-base);line-height:1.6;padding:0 var(--spacing-sm)}.cart-item{grid-template-columns:1fr;gap:var(--spacing-md)}.cart-item-image{width:100%;height:200px}.cart-item-actions{flex-direction:row;align-items:center;justify-content:space-between}.cart-item-buttons{flex-direction:row}.btn-view span{display:none}.btn-view{padding:var(--spacing-sm)}}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:var(--spacing-4xl);width:100%}.cart-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg) auto}.cart-loading p{font-size:var(--font-size-lg);color:var(--color-text-light);margin:0;text-align:center}.orders{min-height:100vh}.orders-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.orders-header{text-align:center}.orders-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-md)}.orders-subtitle{font-size:var(--font-size-lg);opacity:.9}.orders-content{padding:var(--spacing-4xl) 0}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.orders-empty h2{font-family:var(--font-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.orders-empty p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-2xl)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.order-card{background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-lg)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-secondary)}.order-id{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.order-date{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.order-status{display:flex;align-items:center;gap:var(--spacing-sm)}.status-icon{font-size:var(--font-size-xl)}.status-icon.completed{color:var(--color-success)}.status-icon.canceled{color:var(--color-error)}.status-icon.pending{color:var(--color-warning)}.status-label{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-label.completed{color:var(--color-success)}.status-label.canceled{color:var(--color-error)}.status-label.pending{color:var(--color-warning)}.order-items{margin-bottom:var(--spacing-lg)}.items-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);gap:var(--spacing-md)}.item-info{display:flex;justify-content:space-between;align-items:center;flex:1;gap:var(--spacing-md)}.item-name{color:var(--color-text);flex:1}.item-price{color:var(--color-primary);font-weight:600;font-family:var(--font-primary)}.btn-view-video{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-secondary)}.btn-view-video:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-view-video svg{font-size:var(--font-size-base)}.order-footer{padding-top:var(--spacing-lg);border-top:2px solid var(--color-primary);display:flex;justify-content:flex-end}.order-total{display:flex;align-items:center;gap:var(--spacing-lg)}.total-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.total-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-primary);font-family:var(--font-primary)}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 640px){.order-header{flex-direction:column;gap:var(--spacing-md)}.order-status{align-self:flex-start}.item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.item-info{width:100%}.btn-view-video{width:100%;justify-content:center}}.profile{min-height:100vh;overflow-x:hidden;width:100%}.profile-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.profile-header{text-align:center}.header-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);opacity:.9}.profile-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-md)}.profile-subtitle{font-size:var(--font-size-lg);opacity:.9}.profile-content{padding:var(--spacing-4xl) 0}.profile-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);border-bottom:2px solid var(--color-secondary)}.tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.tab:hover{color:var(--color-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-error{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);margin-bottom:var(--spacing-xl)}.profile-success{padding:var(--spacing-md);background-color:#4caf501a;border:1px solid var(--color-success);border-radius:var(--border-radius-md);color:var(--color-success);margin-bottom:var(--spacing-xl)}.profile-form-container{max-width:600px;margin:0 auto;background-color:var(--color-background);padding:var(--spacing-3xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group input{padding:var(--spacing-md);border:2px solid var(--color-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-secondary);transition:all var(--transition-fast);background-color:var(--color-background);color:var(--color-text);width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.email-group{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%;box-sizing:border-box}.email-group input{flex:1;min-width:0;box-sizing:border-box}.email-buttons{display:flex;gap:var(--spacing-sm)}.btn-change-email{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-change-email:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-change-email:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-email{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background-dark);color:var(--color-text);border:2px solid var(--color-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-cancel-email:hover:not(:disabled){background-color:var(--color-secondary);border-color:var(--color-text-light)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-light)}.btn-save{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-md)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 640px){.profile-content{padding:var(--spacing-2xl) 0}.profile-content .container{padding:0 var(--spacing-sm);max-width:100%;box-sizing:border-box}.profile-form-container{padding:var(--spacing-lg) var(--spacing-md);margin:0;max-width:100%;box-sizing:border-box}.form-group input{padding:var(--spacing-lg);font-size:var(--font-size-base)}.email-group{flex-direction:column;gap:var(--spacing-sm);width:100%}.email-group input{width:100%;min-width:0}.email-buttons{width:100%;flex-direction:column;gap:var(--spacing-sm)}.btn-change-email,.btn-cancel-email{width:100%;justify-content:center;padding:var(--spacing-md);font-size:var(--font-size-base)}.profile-tabs{flex-direction:column;gap:0;margin-bottom:var(--spacing-xl)}.tab{border-bottom:1px solid var(--color-secondary);border-left:3px solid transparent;margin-bottom:0;padding:var(--spacing-md)}.tab.active{border-left-color:var(--color-primary);border-bottom-color:var(--color-secondary)}.btn-save{padding:var(--spacing-lg);font-size:var(--font-size-base);width:100%}}.confirm-email-change{min-height:100vh;display:flex;align-items:center;justify-content:center}.confirm-hero{width:100%;padding:var(--spacing-4xl) 0}.confirm-content{max-width:600px;margin:0 auto;text-align:center;background-color:var(--color-background);padding:var(--spacing-4xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.confirm-icon{font-size:80px;margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.confirm-icon.success{color:var(--color-success)}.confirm-icon.error{color:var(--color-error)}.confirm-icon.loading{color:var(--color-primary)}.confirm-icon .spinner{animation:spin 1s linear infinite}.confirm-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-lg)}.confirm-message{font-size:var(--font-size-base);color:var(--color-text-light);margin-bottom:var(--spacing-3xl);line-height:1.6}.confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.confirm-content{padding:var(--spacing-2xl)}.confirm-icon{font-size:60px}.confirm-title{font-size:var(--font-size-2xl)}.confirm-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.verify-email{min-height:100vh;display:flex;align-items:center;justify-content:center}.verify-hero{width:100%;padding:var(--spacing-4xl) 0}.verify-content{max-width:600px;margin:0 auto;text-align:center;background-color:var(--color-background);padding:var(--spacing-4xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.verify-icon{font-size:80px;margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.verify-icon.success{color:var(--color-success)}.verify-icon.error{color:var(--color-error)}.verify-icon.loading{color:var(--color-primary)}.verify-icon .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-lg)}.verify-message{font-size:var(--font-size-base);color:var(--color-text-light);margin-bottom:var(--spacing-3xl);line-height:1.6}.verify-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;border:none;font-family:var(--font-secondary)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-background);color:var(--color-text);border:2px solid var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary);border-color:var(--color-text-light)}@media (max-width: 640px){.verify-content{padding:var(--spacing-2xl)}.verify-icon{font-size:60px}.verify-title{font-size:var(--font-size-2xl)}.verify-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.admin-dashboard{min-height:100vh}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.dashboard-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-sm)}.dashboard-subtitle{font-size:var(--font-size-lg);opacity:.9}.dashboard-content{padding:var(--spacing-4xl) 0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:var(--border-radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.stat-icon{width:60px;height:60px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);flex-shrink:0}.stat-icon.primary{background-color:#d4af371a;color:var(--color-primary)}.stat-icon.secondary{background-color:#f5e6d34d;color:var(--color-secondary-dark)}.stat-icon.accent{background-color:#c9a9a633;color:var(--color-accent-dark)}.stat-icon.success{background-color:#4caf501a;color:var(--color-success)}.stat-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:600;color:var(--color-text);margin:0}.dashboard-actions{margin-top:var(--spacing-4xl)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);background-color:var(--color-background);border:2px solid var(--color-secondary);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);font-size:var(--font-size-lg);font-weight:500}.action-card:hover{border-color:var(--color-primary);background-color:var(--color-background-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card svg{font-size:var(--font-size-4xl);color:var(--color-primary)}.action-card.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);border-color:var(--color-primary)}.action-card.primary:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.action-card.primary svg{color:var(--color-text-white)}@media (max-width: 768px){.dashboard-stats,.actions-grid{grid-template-columns:1fr}}.admin-videos{min-height:100vh}.admin-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0}.admin-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.admin-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin-bottom:var(--spacing-sm)}.admin-subtitle{font-size:var(--font-size-lg);opacity:.9}.btn-create{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-background);color:var(--color-text);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-create:hover{background-color:var(--color-background-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-content{padding:var(--spacing-4xl) 0}.error-message{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);margin-bottom:var(--spacing-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.empty-state h2{font-family:var(--font-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-2xl)}.videos-table-container{overflow-x:auto;background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.videos-table{width:100%;border-collapse:collapse}.videos-table thead{background-color:var(--color-background-light)}.videos-table th{padding:var(--spacing-lg);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.videos-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-secondary);vertical-align:middle}.videos-table tbody tr:hover{background-color:var(--color-background-light)}.video-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:var(--border-radius-md);background-color:var(--color-background-dark)}.video-thumbnail-placeholder{width:80px;height:45px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-dark);border-radius:var(--border-radius-md);color:var(--color-text-lighter)}.video-title-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.video-title-cell strong{font-size:var(--font-size-base);color:var(--color-text)}.video-description{font-size:var(--font-size-sm);color:var(--color-text-light)}.btn-action.delete:hover{background-color:#f443361a}.admin-videos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 968px){.admin-header-content{flex-direction:column;align-items:flex-start}.btn-create{width:100%;justify-content:center}.videos-table{font-size:var(--font-size-sm)}.videos-table th,.videos-table td{padding:var(--spacing-md)}}@media (max-width: 640px){.videos-table-container{overflow-x:scroll}.video-thumbnail,.video-thumbnail-placeholder{width:60px;height:34px}}.admin-video-form{min-height:100vh}.video-form{max-width:900px;margin:0 auto;background-color:var(--color-background);padding:var(--spacing-3xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.form-error{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);margin-bottom:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-secondary)}.form-section:last-of-type{border-bottom:none}.form-section-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-secondary);transition:all var(--transition-fast);background-color:var(--color-background);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.form-group input:disabled{background-color:var(--color-background-light);opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-help{display:block;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xs)}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px dashed var(--color-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-background-light)}.file-label:hover{border-color:var(--color-primary);background-color:var(--color-background)}.file-label svg{font-size:var(--font-size-xl);color:var(--color-primary)}.preview-container{position:relative;margin-top:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--color-background-dark)}.preview-video{width:100%;max-height:400px;object-fit:contain;display:block}.preview-image{width:100%;max-height:400px;object-fit:cover;display:block}.btn-remove-preview{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm);background-color:#000000b3;color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-remove-preview:hover{background-color:#000000e6}.form-actions{display:flex;gap:var(--spacing-lg);justify-content:flex-end;margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-secondary)}.btn-cancel:hover{border-color:var(--color-text-light);background-color:var(--color-background-light)}.btn-submit{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-submit:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.video-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 768px){.video-form{padding:var(--spacing-xl)}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.admin-users{min-height:100vh}.users-table-container{overflow-x:auto;background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--color-background-light)}.users-table th{padding:var(--spacing-lg);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-secondary);vertical-align:middle}.users-table tbody tr:hover{background-color:var(--color-background-light)}.user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-icon{color:var(--color-text-light);font-size:var(--font-size-lg)}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background-color:#d4af371a;color:var(--color-primary)}.role-badge.customer{background-color:#c9a9a61a;color:var(--color-accent-dark)}.table-actions{display:flex;gap:var(--spacing-sm)}.btn-action{padding:var(--spacing-sm);border:none;background-color:transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.btn-action.edit{color:var(--color-primary)}.btn-action.edit:hover{background-color:#d4af371a}.btn-action.delete{color:var(--color-error)}.btn-action.delete:hover:not(:disabled){background-color:#f443361a}.btn-action:disabled{opacity:.3;cursor:not-allowed}.admin-users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}@media (max-width: 968px){.users-table{font-size:var(--font-size-sm)}.users-table th,.users-table td{padding:var(--spacing-md)}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md)}.edit-modal{background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-secondary)}.edit-modal-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-text);margin:0}.btn-close-modal{padding:var(--spacing-sm);background:none;border:none;color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{color:var(--color-error)}.edit-modal-form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.edit-error{padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group select{padding:var(--spacing-md);border:2px solid var(--color-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-secondary);transition:all var(--transition-fast);background-color:var(--color-background);color:var(--color-text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.role-select{cursor:pointer}.edit-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-secondary)}.btn-cancel{padding:var(--spacing-md) var(--spacing-xl);background-color:transparent;color:var(--color-text);border:2px solid var(--color-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover:not(:disabled){border-color:var(--color-text-light);background-color:var(--color-background-light)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-save{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.users-table-container{overflow-x:scroll}.edit-modal{max-width:100%;margin:var(--spacing-md)}.edit-modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.admin-orders{min-height:100vh}.admin-orders-header{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0 var(--spacing-2xl) 0}.admin-orders-content{padding:var(--spacing-4xl) 0}.admin-orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-4xl)}.empty-icon{font-size:var(--font-size-6xl);color:var(--color-text-lighter);margin-bottom:var(--spacing-lg)}.admin-orders-empty h2{font-family:var(--font-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.admin-orders-empty p{font-size:var(--font-size-lg);color:var(--color-text-light)}.orders-table-container{overflow-x:auto;background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background-color:var(--color-background-light)}.orders-table th{padding:var(--spacing-lg);text-align:left;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-sm)}.orders-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-secondary);vertical-align:middle}.orders-table tbody tr:hover{background-color:var(--color-background-light)}.order-id-cell{font-family:var(--font-secondary)}.order-id{font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm)}.user-cell{min-width:150px}.user-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.user-info svg{color:var(--color-text-light)}.no-user{color:var(--color-text-lighter);font-style:italic}.items-cell{min-width:200px}.items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-items{color:var(--color-text-lighter);font-style:italic;font-size:var(--font-size-sm)}.total-cell{font-weight:600}.total-value{color:var(--color-primary);font-family:var(--font-primary);font-size:var(--font-size-lg)}.date-cell{min-width:180px}.date-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light)}.date-info svg{color:var(--color-text-lighter)}.admin-orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:var(--spacing-4xl)}.admin-orders-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@media (max-width: 968px){.orders-table-container{overflow-x:scroll}.orders-table{min-width:800px}.header-content{flex-direction:column;align-items:flex-start}.header-icon{font-size:var(--font-size-4xl)}}@media (max-width: 640px){.page-title{font-size:var(--font-size-3xl)}.orders-table th,.orders-table td{padding:var(--spacing-md);font-size:var(--font-size-xs)}.item-tag{max-width:150px}}.admin-stats{min-height:100vh}.admin-stats-header{background:linear-gradient(135deg,var(--color-success) 0%,#4CAF50 100%);color:var(--color-text-white);padding:var(--spacing-4xl) 0 var(--spacing-2xl) 0}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-white);text-decoration:none;margin-bottom:var(--spacing-lg);opacity:.9;transition:opacity var(--transition-fast);font-size:var(--font-size-sm)}.back-link:hover{opacity:1}.header-content{display:flex;align-items:center;gap:var(--spacing-lg)}.header-icon{font-size:var(--font-size-5xl);opacity:.9}.page-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-text-white);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:var(--font-size-lg);opacity:.9;margin:0}.admin-stats-content{padding:var(--spacing-4xl) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.stat-card{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-base);border-left:4px solid}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card.primary{border-left-color:var(--color-primary)}.stat-card.secondary,.stat-card.accent{border-left-color:var(--color-accent)}.stat-card.success{border-left-color:var(--color-success)}.stat-icon{width:60px;height:60px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);flex-shrink:0}.stat-card.primary .stat-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-card.secondary .stat-icon,.stat-card.accent .stat-icon{background-color:var(--color-accent-light);color:var(--color-accent)}.stat-card.success .stat-icon{background-color:#4caf501a;color:var(--color-success)}.stat-content{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-text);margin:0;font-weight:600}.stat-sublabel{font-size:var(--font-size-xs);color:var(--color-text-light);margin:var(--spacing-xs) 0 0 0}.recent-orders-section{margin-top:var(--spacing-4xl)}.section-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-xl)}.recent-orders-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.recent-order-card{background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.recent-order-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.order-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-id{font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-secondary)}.order-date{font-size:var(--font-size-xs);color:var(--color-text-light)}.order-details{display:flex;align-items:center;gap:var(--spacing-lg)}.order-items{font-size:var(--font-size-sm);color:var(--color-text-light)}.order-total{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.view-all-link{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-base);text-align:center;font-family:var(--font-secondary)}.view-all-link:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:var(--spacing-4xl)}.admin-stats-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 968px){.stats-grid{grid-template-columns:repeat(2,1fr)}.header-content{flex-direction:column;align-items:flex-start}.header-icon{font-size:var(--font-size-4xl)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.page-title{font-size:var(--font-size-3xl)}.recent-order-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.order-details{width:100%;justify-content:space-between}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center}.not-found-hero{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent-light) 100%);min-height:80vh;display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center;max-width:700px;margin:0 auto;padding:var(--spacing-2xl)}.not-found-illustration{position:relative;margin-bottom:var(--spacing-3xl);display:flex;justify-content:center;align-items:center}.error-number{font-family:var(--font-primary);font-size:var(--font-size-6xl);font-weight:700;color:var(--color-primary);line-height:1;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.error-decoration{position:absolute;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);opacity:.3;z-index:1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.2}}.not-found-text{margin-bottom:var(--spacing-3xl)}.not-found-title{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.3}.not-found-message{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.8;margin:0}.not-found-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.btn-primary-404,.btn-secondary-404,.btn-tertiary-404{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);font-family:var(--font-secondary);text-decoration:none;border:2px solid;cursor:pointer;min-width:200px}.btn-primary-404{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.btn-primary-404:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary-404{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary-404:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary-404 svg,.btn-secondary-404 svg{font-size:var(--font-size-lg)}@media (min-width: 641px){.not-found-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.btn-primary-404,.btn-secondary-404,.btn-tertiary-404{min-width:180px}}@media (max-width: 640px){.not-found-hero{padding:var(--spacing-2xl) 0;min-height:70vh}.not-found-content{padding:var(--spacing-lg)}.error-number{font-size:var(--font-size-5xl)}.error-decoration{width:150px;height:150px}.not-found-title{font-size:var(--font-size-3xl)}.not-found-message{font-size:var(--font-size-base)}.btn-primary-404,.btn-secondary-404{width:100%;min-width:auto}}@media (max-width: 375px){.error-number{font-size:var(--font-size-4xl)}.error-decoration{width:120px;height:120px}.not-found-title{font-size:var(--font-size-2xl)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}@media (max-width: 768px){.main-content{padding-top:0}}:root{--color-primary: #D4AF37;--color-primary-dark: #B8941F;--color-primary-light: #E8D5A3;--color-secondary: #F5E6D3;--color-secondary-dark: #E8D5C4;--color-accent: #C9A9A6;--color-accent-dark: #B89693;--color-accent-light: #E8D5D2;--color-background: #FFFFFF;--color-background-light: #FAFAFA;--color-background-dark: #F5F5F5;--color-text: #2C2C2C;--color-text-light: #666666;--color-text-lighter: #999999;--color-text-white: #FFFFFF;--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #2196F3;--font-primary: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 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-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;color:var(--color-text);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.section{padding:var(--spacing-4xl) 0}.text-center{text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}