@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;display:flex;align-items:center;gap:15px}.logo-image{height:60px;width:auto;object-fit:contain}.logo-text{display:flex;flex-direction:column}.logo-bold{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-light{font-size:1rem;font-weight:500;color:#666;letter-spacing:1px}.nav-links{display:flex;gap:1rem;align-items:center}.nav-item{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1.2rem;border-radius:25px;transition:all .3s ease;position:relative;background:transparent;display:inline-flex;align-items:center;gap:8px}.nav-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea66}.nav-item:visited{color:#333}.nav-item.active:visited{color:#fff}.cart-link{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;padding:2px 6px;font-size:.7rem;font-weight:700}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#667eea;z-index:1002;position:relative}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.mobile-menu-header{display:none}.nav-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;animation:navFadeIn .3s ease}.nav-confirm-modal-content{background:#fff;border-radius:16px;width:90%;max-width:380px;overflow:hidden;animation:navSlideUp .3s ease;box-shadow:0 20px 60px #0000004d}.nav-confirm-modal-header{display:flex;align-items:center;gap:10px;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.nav-confirm-icon{font-size:1.3rem}.nav-confirm-modal-header h3{flex:1;margin:0;font-size:1.1rem}.nav-confirm-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-confirm-close svg{width:14px;height:14px}.nav-confirm-close:hover{background:#ffffff4d;transform:scale(1.05)}.nav-confirm-modal-body{padding:20px;text-align:center}.nav-confirm-modal-body p{color:#333;font-size:13px;line-height:1.4;margin:0 0 8px}.nav-logout-warning{color:#ff4757!important;font-size:11px!important}.nav-confirm-modal-footer{display:flex;gap:10px;padding:15px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.nav-confirm-cancel-btn,.nav-confirm-action-btn{flex:1;padding:8px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:12px}.nav-confirm-cancel-btn{background:#f0f0f0;color:#666}.nav-confirm-cancel-btn:hover{background:#e0e0e0}.nav-confirm-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-confirm-action-btn:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0003}@keyframes navFadeIn{0%{opacity:0}to{opacity:1}}@keyframes navSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;flex-direction:column;padding:0;gap:0;box-shadow:2px 0 15px #0003;transition:left .3s ease;z-index:1001;overflow-y:auto}.nav-links.active{left:0;display:flex}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-menu-header h3{margin:0;font-size:1.2rem}.mobile-menu-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-menu-close:hover{background:#ffffff4d;transform:scale(1.05)}.nav-container{padding:1rem}.logo-bold{font-size:1.2rem}.logo-light{font-size:.7rem}.logo-image{height:40px}.nav-item{width:100%;text-align:left;justify-content:flex-start;padding:1rem 1.5rem;border-radius:0;border-bottom:1px solid #f0f0f0}.nav-item:hover{transform:none;border-radius:0}.nav-item.active{border-radius:0;border-left:4px solid #667eea;background:linear-gradient(90deg,#667eea20,#764ba220)}.nav-btn{width:calc(100% - 2rem);margin:1rem;justify-content:center;border-radius:25px}.cart-link{position:relative}.nav-confirm-modal-content{width:95%;margin:15px}.nav-confirm-modal-footer{flex-direction:column;gap:8px}.nav-confirm-modal-header h3{font-size:1rem}.nav-confirm-modal-body{padding:15px}.nav-confirm-modal-body p{font-size:12px}.nav-confirm-cancel-btn,.nav-confirm-action-btn{padding:6px;font-size:11px}}@media (max-width: 480px){.nav-links{width:260px;left:-260px}.nav-item{padding:.8rem 1.2rem;font-size:14px}.mobile-menu-header{padding:1.2rem}.mobile-menu-header h3{font-size:1.1rem}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:60px 20px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:1.3rem;margin-bottom:5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p{font-size:.85rem;color:#999}.footer-description{margin-top:15px;line-height:1.6}.footer-section h4{font-size:1.1rem;margin-bottom:20px;position:relative;display:inline-block}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#667eea;padding-left:5px}.contact-list li{display:flex;align-items:center;gap:10px;color:#ccc;font-size:14px}.contact-list li svg{color:#667eea;width:18px}.social-links{display:flex;gap:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s ease}.social-links a:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-3px)}.footer-bottom{text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#999;font-size:14px}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.contact-list li,.social-links{justify-content:center}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px;text-align:center;color:#fff}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:1rem;animation:slideInLeft .8s ease-out}.hero p{font-size:1.2rem;margin-bottom:2rem;animation:slideInRight .8s ease-out}.cta-button{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#667eea;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;transition:transform .3s ease;animation:fadeInUp 1s ease-out}.cta-button:hover{transform:translateY(-3px)}.container{max-width:1200px;margin:0 auto;padding:60px 20px}.features h2,.products-showcase h2,.navigation-videos-section h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);display:inline-block;width:100%;padding:15px;border-radius:10px}.section-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;color:#667eea;margin-bottom:1rem}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.showcase-item{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.showcase-item:hover{transform:translateY(-5px)}.showcase-image-wrapper{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.showcase-image{height:100%;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .4s ease}.showcase-image:hover{transform:scale(1.08)}.showcase-img{width:100%;height:100%;object-fit:cover}.showcase-placeholder{font-size:3rem;color:#fff;display:flex;align-items:center;justify-content:center;height:100%}.zoom-icon-btn{position:absolute;bottom:12px;right:12px;background:#0009;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.showcase-item h3{padding:1rem 1rem .5rem;font-size:1.2rem;color:#333}.showcase-item p{padding:0 1rem 1rem;color:#666;font-size:.9rem;line-height:1.4}.navigation-videos-section{background:#f8f9fa;margin-top:40px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.video-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.video-thumbnail{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-card:hover .thumbnail-image{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-duration{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.video-info{padding:1.5rem}.video-info h3{font-size:1.1rem;color:#333;margin-bottom:.5rem}.video-info p{font-size:.85rem;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-modal-content{position:relative;max-width:90%;max-height:90%;background:#0a0a1a;border-radius:20px;overflow:hidden;animation:slideUp .3s ease}.video-player-container{position:relative;width:100%;max-width:800px;background:#000}.modal-video-player{width:100%;max-height:60vh;border-radius:0;display:block}.video-controls-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:15px 20px;opacity:0;transition:opacity .3s ease}.video-player-container:hover .video-controls-bar{opacity:1}@media (hover: none) and (pointer: coarse){.video-controls-bar{opacity:1}}.video-progress-container{margin-bottom:12px}.video-progress-bar{position:relative;width:100%;height:5px;background:#ffffff4d;border-radius:5px;cursor:pointer;margin-bottom:8px}.video-progress-fill{position:absolute;left:0;top:0;height:100%;background:#667eea;border-radius:5px;transition:width .1s linear}.video-progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.video-progress-bar:hover .video-progress-handle{opacity:1}.video-time{color:#fff;font-size:12px;font-family:monospace}.video-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.video-control-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.play-pause-btn{width:48px;height:48px;background:#667eea}.play-pause-btn:hover{background:#5a67d8;transform:scale(1.05)}.video-control-btn:hover{background:#fff6;transform:scale(1.05)}.video-close-btn{background:#ff4757cc;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.video-close-btn:hover{background:#ff4757;transform:scale(1.1)}.video-modal-info{padding:20px;text-align:center;color:#fff;background:#0a0a1a}.video-modal-info h3{font-size:1.2rem;margin-bottom:10px}.video-modal-info p{font-size:.9rem;opacity:.8;margin-bottom:10px}.zoom-controls{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:15px}.zoom-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease}.zoom-btn:hover{background:#667eea}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.features h2,.products-showcase h2,.navigation-videos-section h2{font-size:1.8rem}.section-subtitle{font-size:.9rem;margin-bottom:2rem}.zoom-content{max-width:95%}.zoomed-image{max-height:70vh}.zoom-close{top:-30px;font-size:25px}.showcase-image-wrapper{height:180px}.showcase-item h3{font-size:1rem}.showcase-item p{font-size:.8rem}.zoom-icon-btn{width:30px;height:30px;bottom:8px;right:8px}.videos-grid{grid-template-columns:1fr;gap:1.5rem}.video-thumbnail{height:180px}.play-overlay svg{font-size:40px}.video-modal-content{max-width:95%}.modal-video-player{max-height:50vh}.video-controls-bar{opacity:1;padding:10px}.video-control-btn{width:35px;height:35px;font-size:14px}.play-pause-btn{width:40px;height:40px}.video-close-btn{width:35px;height:35px;font-size:14px}.video-buttons{gap:10px}.video-modal-info h3{font-size:1rem}.video-modal-info p{font-size:.8rem}}@media (max-width: 480px){.showcase-image-wrapper{height:160px}.zoom-icon-btn{width:28px;height:28px;font-size:12px}.video-thumbnail{height:160px}.play-overlay svg{font-size:36px}.video-info h3{font-size:1rem}.video-info p{font-size:.75rem}.video-control-btn{width:32px;height:32px;font-size:12px}.play-pause-btn{width:38px;height:38px}.video-close-btn{width:32px;height:32px;font-size:12px}.video-buttons{gap:8px}}.products-page{min-height:100vh;background:#f5f5f5}.products-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.products-header h1{font-size:2.5rem;margin-bottom:1rem}.products-container{max-width:1400px;margin:0 auto;padding:40px 20px}.filter-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{padding:.8rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image-wrapper{position:relative;height:250px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.product-image{height:100%;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.product-image:hover{transform:scale(1.05)}.product-img{width:100%;height:100%;object-fit:cover}.product-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:3rem;color:#fff}.product-placeholder span{font-size:.9rem}.zoom-icon-btn{position:absolute;bottom:10px;right:10px;background:#0009;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.zoom-icon-btn:hover{background:#667eea;transform:scale(1.1)}.product-info{padding:1.5rem}.product-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#333}.product-description{color:#666;margin-bottom:1rem;line-height:1.5}.product-specs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.spec-tag{background:#f0f0f0;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;color:#666}.product-price{font-size:1.8rem;font-weight:700;color:#667eea;margin-bottom:1rem}.product-actions{display:flex;gap:1rem}.details-btn,.add-to-cart-btn{flex:1;padding:.8rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.details-btn{background:#f0f0f0;color:#667eea}.details-btn:hover{background:#e0e0e0}.add-to-cart-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.zoomed-image{max-width:100%;max-height:85vh;object-fit:contain;transition:transform .2s ease;border-radius:10px}@media (max-width: 768px){.products-grid{grid-template-columns:1fr}.products-header h1{font-size:1.8rem}.filter-btn{padding:.5rem 1rem;font-size:.9rem}.zoom-content{max-width:95%}.zoomed-image{max-height:70vh}.zoom-close{top:-30px;font-size:25px}.zoom-controls{bottom:-45px;padding:5px 15px}.zoom-btn{width:35px;height:35px}}.product-detail{min-height:100vh;background:#f5f5f5;padding:40px 20px}.detail-container{max-width:1200px;margin:0 auto}.back-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:16px;margin-bottom:30px;display:inline-flex;align-items:center;gap:10px;transition:transform .3s ease;padding:10px 20px;border-radius:25px}.back-btn:hover{transform:translate(-5px);background:#667eea1a}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.detail-image-section{display:flex;flex-direction:column;gap:15px}.detail-image{height:400px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.detail-image:hover{transform:scale(1.02)}.detail-product-img{width:100%;height:100%;object-fit:cover}.detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#fff}.detail-zoom-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.detail-zoom-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.detail-info h1{font-size:2rem;margin-bottom:15px;color:#333}.detail-price{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:20px}.detail-description{color:#666;line-height:1.6;margin-bottom:30px}.detail-features h3,.detail-specs h3{margin-bottom:15px;color:#333}.detail-features ul{list-style:none;margin-bottom:30px}.detail-features li{padding:8px 0;display:flex;align-items:center;gap:10px;color:#555}.check-icon{color:#00b894;font-size:1.1rem}.specs-grid{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px}.spec-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.spec-item:last-child{border-bottom:none}.spec-label{font-weight:600;color:#333}.spec-value{color:#666}.detail-actions{margin-top:20px}.add-to-cart-detail{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-to-cart-detail:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.related-products{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.related-products h3{margin-bottom:20px;color:#333;font-size:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.related-card{background:#f8f9fa;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.related-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.related-image{width:100%;height:150px;border-radius:10px;overflow:hidden;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2)}.related-image img{width:100%;height:100%;object-fit:cover}.related-card h4{font-size:1rem;margin-bottom:5px;color:#333}.related-card p{font-weight:700;color:#667eea}@media (max-width: 968px){.detail-content{grid-template-columns:1fr;gap:30px}.detail-info h1,.detail-price{font-size:1.5rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.product-detail{padding:20px 15px}.detail-content{padding:20px}.detail-image{height:250px}.spec-item{flex-direction:column;gap:5px}.related-grid{grid-template-columns:1fr}.related-image{height:120px}.zoom-close{top:-30px;font-size:25px}.zoomed-image{max-height:70vh}}.cart-page{min-height:100vh;background:#f5f5f5;padding:40px 20px}.cart-container{max-width:1200px;margin:0 auto}.cart-container h1{margin-bottom:2rem;color:#333}.cart-empty{text-align:center;padding:100px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin:40px auto;max-width:600px}.empty-cart-icon{font-size:5rem;color:#fff;margin-bottom:1rem}.cart-empty h2{color:#fff;margin-bottom:1rem}.cart-empty p{color:#ffffffe6;margin-bottom:2rem}.shop-now-btn{display:inline-block;background:#fff;color:#667eea;padding:1rem 2rem;border-radius:25px;text-decoration:none;margin-top:1rem;transition:transform .3s ease;font-weight:700}.shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.cart-items{background:#fff;border-radius:15px;padding:1.5rem}.cart-item{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #e0e0e0;align-items:center}.cart-item:last-child{border-bottom:none}.item-image-frame{position:relative;width:100px;height:100px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-image:hover{transform:scale(1.1)}.item-zoom-btn{position:absolute;bottom:5px;right:5px;background:#0009;border:none;color:#fff;width:25px;height:25px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.7rem;opacity:0;transition:opacity .3s ease}.item-image-frame:hover .item-zoom-btn{opacity:1}.item-zoom-btn:hover{background:#667eea;transform:scale(1.1)}.item-image-placeholder{font-size:2.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.item-details h3{margin-bottom:.5rem;color:#333}.item-price{color:#667eea;font-weight:700;margin-bottom:.5rem}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.quantity-controls button:hover{background:#667eea;color:#fff;border-color:#667eea}.quantity-controls span{min-width:30px;text-align:center}.item-total{text-align:right;min-width:120px}.item-total p{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:#333}.remove-btn{background:none;border:none;color:#ff4757;cursor:pointer;font-size:1rem;transition:transform .3s ease}.remove-btn:hover{transform:scale(1.1)}.cart-summary{background:#fff;border-radius:15px;padding:1.5rem;height:fit-content;position:sticky;top:100px}.cart-summary h2{margin-bottom:1.5rem;color:#333}.summary-details{margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #e0e0e0}.summary-row.total{border-bottom:none;font-weight:700;font-size:1.2rem;padding-top:1rem}.cart-actions{display:flex;gap:1rem;margin-bottom:1rem}.clear-cart-btn,.checkout-btn{flex:1;padding:.8rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.clear-cart-btn{background:#f0f0f0;color:#ff4757}.clear-cart-btn:hover{background:#ffe0e0;transform:translateY(-2px)}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.checkout-btn:active{transform:scale(.98);transition:transform .1s ease}.payment-note{text-align:center;font-size:.8rem;color:#999;margin-top:1rem}.zoom-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.zoom-content{position:relative;max-width:90%;max-height:90%}.zoom-image-container{overflow:hidden;border-radius:10px;background:#000}.zoomed-image{max-width:100%;max-height:75vh;object-fit:contain;transition:transform .2s ease;border-radius:10px}.zoom-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;transition:transform .3s ease}.zoom-close:hover{transform:scale(1.1)}.zoom-controls{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:15px;align-items:center;background:#000000b3;padding:8px 20px;border-radius:30px}.zoom-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1rem}.zoom-btn:hover{background:#667eea;transform:scale(1.05)}.zoom-level{color:#fff;font-size:.9rem;min-width:50px;text-align:center}.zoom-image-name{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;white-space:nowrap}.confirm-modal-content{background:#fff;border-radius:20px;width:90%;max-width:450px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.order-confirm-modal{max-width:620px}.order-confirm-body{padding:20px}.readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}.readonly-grid label,.order-notes-field{display:flex;flex-direction:column;gap:6px;color:#555;font-size:.9rem;font-weight:600}.readonly-grid input,.readonly-grid textarea,.order-notes-field textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font:inherit;color:#333;background:#f8f9fa}.order-notes-field textarea{background:#fff;resize:vertical}.readonly-full{grid-column:1 / -1}.order-confirm-summary{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#333}.confirm-modal-header{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.confirm-icon{font-size:1.8rem}.confirm-modal-header h3{flex:1;margin:0;font-size:1.3rem}.confirm-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.confirm-close:hover{background:#ffffff4d;transform:scale(1.1)}.confirm-modal-body{padding:25px 20px;text-align:center}.confirm-modal-body p{color:#333;font-size:1rem;line-height:1.5;margin:0}.confirm-modal-footer{display:flex;gap:12px;padding:20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.confirm-cancel-btn,.confirm-action-btn{flex:1;padding:12px;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.confirm-action-btn.remove-btn{background:#ff4757}.confirm-action-btn.remove-btn:hover{background:#ff3838;transform:translateY(-2px)}.confirm-action-btn.clear-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.confirm-action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.cart-content{grid-template-columns:1fr}.cart-item{flex-direction:column;align-items:center;text-align:center}.item-image-frame{width:120px;height:120px;margin-bottom:10px}.item-total{text-align:center;min-width:auto}.cart-actions{flex-direction:column}.cart-empty{margin:20px;padding:60px 20px}.empty-cart-icon{font-size:3.5rem}.cart-empty h2{font-size:1.5rem}.confirm-modal-content{width:95%;margin:20px}.readonly-grid{grid-template-columns:1fr}.confirm-modal-footer{flex-direction:column}.confirm-modal-header h3{font-size:1.1rem}.zoom-controls{bottom:-45px;padding:5px 15px}.zoom-btn{width:35px;height:35px}.zoom-image-name{bottom:-70px;font-size:.8rem;white-space:nowrap}.zoomed-image{max-height:65vh}}@media (max-width: 480px){.item-image-frame{width:100px;height:100px}.item-details h3{font-size:1rem}.item-price{font-size:.9rem}.quantity-controls button{width:25px;height:25px}.zoom-image-name{white-space:normal;text-align:center;max-width:200px}}.consultancy{min-height:100vh}.consultancy-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.consultancy-header h1{font-size:2.5rem;margin-bottom:1rem}.consultancy-container{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.consultancy-info h2{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:10px;text-align:center;margin-bottom:30px}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.info-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-card h3{color:#667eea;margin-bottom:10px}.contact-info{background:#f8f9fa;padding:20px;border-radius:10px;margin-top:20px}.contact-info h3{color:#667eea;margin-bottom:15px}.clickable-phone{color:#667eea;cursor:pointer;text-decoration:none;font-weight:500;transition:all .3s ease}.whatsapp-number{color:#25d366;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.whatsapp-number:hover{color:#128c7e;transform:scale(1.02)}.consultancy-form{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.consultancy-form h2{margin-bottom:25px;color:#333;text-align:center}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}.submit-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.consultancy-container,.info-cards{grid-template-columns:1fr}}.support{min-height:100vh}.support-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.support-header h1{font-size:2.5rem;margin-bottom:1rem}.support-container{max-width:1200px;margin:0 auto;padding:60px 20px}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.option-card{text-align:center;padding:30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.option-card:hover{transform:translateY(-5px)}.option-icon{font-size:3rem;color:#667eea;margin-bottom:15px}.option-card h3{margin-bottom:10px;color:#333}.option-card p{color:#666;margin:5px 0}.clickable-phone{color:#667eea;cursor:pointer;text-decoration:none;font-weight:500;display:inline-block;transition:all .3s ease}.clickable-whatsapp{color:#25d366;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.clickable-whatsapp:hover{color:#128c7e;transform:scale(1.02)}.whatsapp-icon-small{font-size:1rem;color:#25d366}.faq-section{margin-bottom:50px}.faq-section h2{text-align:center;margin-bottom:30px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);display:inline-block;width:100%;padding:15px;border-radius:10px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.faq-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.faq-item h3{color:#667eea;margin-bottom:10px}.faq-item p{color:#666;line-height:1.5}.ticket-form{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:700px;margin:0 auto}.ticket-form h2{margin-bottom:30px;color:#333;text-align:center;font-size:1.8rem}.form-group{margin-bottom:20px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon-field{position:absolute;left:15px;color:#667eea;font-size:1rem}.input-with-icon input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.input-with-icon input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.form-group select{background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:15px}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.submit-btn:active{transform:translateY(0)}.ticket-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:10px;text-align:center;border-left:4px solid #667eea}.ticket-info p{color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.ticket-info svg{color:#667eea}.form-group select option[value=low]{color:#00b894}.form-group select option[value=medium]{color:#fdcb6e}.form-group select option[value=high]{color:#e17055}.form-group select option[value=urgent]{color:#d63031;font-weight:700}@media (max-width: 768px){.support-header h1{font-size:1.8rem}.support-header p{font-size:.9rem}.faq-grid{grid-template-columns:1fr}.ticket-form{padding:25px;margin:0 10px}.ticket-form h2{font-size:1.5rem}.support-options{gap:20px;grid-template-columns:1fr}.option-card{padding:20px}.option-icon{font-size:2.5rem}.input-with-icon input{padding:10px 12px 10px 40px;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:14px}.submit-btn{padding:12px;font-size:15px}}@media (max-width: 480px){.support-container{padding:40px 15px}.ticket-form{padding:20px}.faq-item h3{font-size:1rem}.faq-item p{font-size:.9rem}}.invoice-receipt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.invoice-receipt-modal-content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;padding:20px;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e0e0e0;margin-bottom:20px;flex-wrap:wrap;gap:10px}.modal-header h3{font-size:1.3rem;color:#333;margin:0}.header-buttons{display:flex;gap:10px;align-items:center}.edit-modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.edit-modal-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea66}.cancel-edit-btn{background:#f0f0f0;color:#666;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.cancel-edit-btn:hover{background:#e0e0e0}.save-edit-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.save-edit-btn:hover{background:#219a52;transform:translateY(-2px)}.close-modal-btn{background:#ff4757;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background:#ff3838;transform:scale(1.05)}.document-container{background:#fff;padding:30px;border-radius:12px}.company-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid #667eea;margin-bottom:25px;flex-wrap:wrap}.company-logo{width:80px;height:80px;object-fit:contain}.company-info{flex:1}.company-info h2{font-size:1.8rem;color:#667eea;margin-bottom:5px}.company-info p{color:#666;font-size:12px;margin:3px 0}.edit-textarea-small{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:11px;font-family:inherit;margin:3px 0;resize:vertical}.edit-input-small{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:6px;font-size:11px;margin:2px 0}.edit-input-inline{padding:4px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px;margin-left:8px;width:auto;min-width:120px}.edit-input-item{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px}.edit-input-item-small{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px}.edit-select{padding:4px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px;margin-left:8px}.edit-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:12px;font-family:inherit;resize:vertical}.remove-item-btn{background:#ff4757;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:all .3s ease}.remove-item-btn:hover{background:#ff3838;transform:scale(1.05)}.add-item-btn{background:#27ae60;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.add-item-btn:hover{background:#219a52}.document-title{text-align:center;margin-bottom:25px}.document-title h2{font-size:1.8rem;color:#333;letter-spacing:2px}.document-details{display:flex;justify-content:space-between;background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:25px;flex-wrap:wrap;gap:15px}.details-left p,.details-right p{margin:8px 0;font-size:13px;color:#555}.items-table{width:100%;border-collapse:collapse;margin-bottom:25px}.items-table th,.items-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.items-table th{background:#f8f9fa;font-weight:600;color:#333}.items-table td{color:#555}.payment-info{background:#e8f5e9;padding:15px;border-radius:10px;margin-bottom:20px}.payment-info p{margin:8px 0;font-size:13px;color:#2e7d32}.notes-section{background:#fff8e1;padding:15px;border-radius:10px;margin-bottom:20px}.notes-section p{margin:0;font-size:13px;color:#f57c00}.document-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:20px}.document-footer p{font-size:12px;color:#999}.modal-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.send-btn{background:#27ae6033;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(39,174,96,.3);color:#27ae60;padding:10px 24px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.5px;box-shadow:0 4px 15px #27ae6026}.send-btn:hover{background:#27ae604d;border:1px solid rgba(39,174,96,.5);transform:translateY(-2px);box-shadow:0 8px 25px #27ae6040;color:#27ae60}.send-btn:active{transform:translateY(0)}.send-btn svg{font-size:16px}.print-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-left:5px}.print-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.close-btn{background:#f0f0f0;color:#666;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.close-btn:hover{background:#e0e0e0}@media print{.invoice-receipt-modal-overlay,.modal-header,.modal-buttons,.close-modal-btn,.edit-modal-btn,.cancel-edit-btn,.save-edit-btn,.print-btn,.send-btn,.close-btn,.header-buttons{display:none!important}.invoice-receipt-modal-content{background:#fff!important;box-shadow:none!important;padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}.document-container{padding:0!important}.company-logo{filter:grayscale(100%)}}@media (max-width: 768px){.invoice-receipt-modal-content{width:95%;padding:15px}.document-container{padding:15px}.company-header{flex-direction:column;text-align:center}.company-logo{width:60px;height:60px}.company-info h2,.document-title h2{font-size:1.3rem}.document-details{flex-direction:column}.items-table th,.items-table td{padding:8px;font-size:11px}.modal-buttons{flex-direction:column;gap:12px}.send-btn,.print-btn,.close-btn{width:100%;justify-content:center;margin-left:0!important}.header-buttons{width:100%;justify-content:flex-end}.edit-input-inline,.edit-select{display:block;margin-left:0;margin-top:4px;width:100%}}@media (max-width: 480px){.items-table th,.items-table td{padding:6px;font-size:10px}.edit-input-item-small{width:60px}.send-btn{padding:10px 20px;font-size:13px}.print-btn,.close-btn{padding:10px 20px}}.admin-dashboard{min-height:100vh;background:#f5f5f5;padding:10px}.zoom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.zoom-modal-content{position:relative;max-width:90%;max-height:90%}.zoom-close-btn{position:absolute;top:-40px;right:0;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.zoom-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.zoomed-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:10px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.video-modal-content{position:relative;max-width:90%;max-height:90%;background:#1a1a2e;border-radius:20px;padding:20px}.video-close-btn{position:absolute;top:-40px;right:0;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.video-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-video-player{max-width:100%;max-height:70vh;border-radius:10px}.video-modal-info{margin-top:15px;text-align:center;color:#fff}.video-modal-info h3{margin-bottom:8px;font-size:1.1rem}.video-modal-info p{font-size:.85rem;opacity:.8;margin-bottom:5px}.video-modal-info small{font-size:.75rem;opacity:.6}.video-upload-section{padding:20px;border-bottom:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.video-preview-container{width:100%;height:200px;border:1px dashed #ddd;border-radius:8px;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.video-preview{width:100%;height:100%;object-fit:cover}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#999}.video-placeholder svg{font-size:48px}.video-placeholder span{font-size:12px}.upload-video-btn{width:100%;padding:10px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;transition:all .3s ease}.upload-video-btn:hover{background:#e0e0e0}.modal-content .form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.modal-content .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.modal-content form>textarea,.modal-content .form-group textarea.product-description{min-height:120px;max-height:200px}.modal-content input[name=specifications]{min-height:50px;padding:12px;font-size:13px}.navigation-videos-section{margin-top:40px;padding-top:20px;border-top:2px solid #e0e0e0}.navigation-videos-section .section-header{margin-bottom:20px}.navigation-videos-section .section-header h2{display:flex;align-items:center;gap:10px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.video-card{background:#f8f9fa;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.video-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.video-thumbnail{position:relative;width:100%;height:180px;background:#2c3e50;cursor:pointer;overflow:hidden}.thumbnail-video{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.play-overlay svg{font-size:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-details{padding:15px}.video-details h4{margin-bottom:8px;color:#333;font-size:1rem}.video-details p{font-size:12px;color:#666;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-details small{font-size:10px;color:#999}.video-actions{display:flex;gap:10px;padding:12px 15px;border-top:1px solid #e0e0e0;background:#fff}.video-actions .edit-btn,.video-actions .delete-btn{padding:6px 12px;border-radius:6px;font-size:11px;width:auto;height:auto;gap:6px}.view-video-btn{background:#667eea;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px;transition:all .3s ease}.view-video-btn:hover{background:#5a67d8;transform:scale(1.05)}.zoom-preview-btn{position:absolute;bottom:10px;right:10px;background:#0009;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.zoom-preview-btn:hover{background:#667eea;transform:scale(1.1)}.image-preview-container{position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;position:sticky;top:0;z-index:10}.modal-header h3{font-size:1.2rem;margin:0;color:#fff}.close-modal{background:transparent!important;border:none;color:#fff!important;font-size:1.2rem;cursor:pointer;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{background:#fff3!important;transform:scale(1.1)}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:550px;max-height:85vh;overflow-y:auto;overflow-x:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}.modal-content.large{max-width:650px;max-height:90vh}.modal-content form{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:20px}.modal-content .form-group{margin-bottom:20px;padding:0 20px}.modal-content .image-upload-section{padding:20px;margin-bottom:10px}.modal-content .category-selection-wrapper{margin:0 20px 20px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0;position:sticky;bottom:0;margin-top:auto;z-index:10}.modal-buttons button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.modal-buttons button:first-child:hover{background:#e0e0e0}.modal-buttons button:last-child:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea66}.form-group{margin-bottom:20px;padding:0 20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:13px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.image-upload-section{padding:20px;border-bottom:1px solid #e0e0e0;position:relative}.image-preview-container{width:100%;height:150px;border:1px dashed #ddd;border-radius:8px;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;position:relative}.image-preview{width:100%;height:100%;object-fit:cover;cursor:pointer}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.image-placeholder svg{font-size:32px}.image-placeholder span{font-size:11px}.upload-btn{width:100%;padding:10px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;transition:all .3s ease}.upload-btn:hover{background:#e0e0e0}.category-selection-wrapper{margin:0 20px 20px}.category-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:13px}.category-select-group{display:flex;gap:10px;align-items:center}.category-select{flex:1;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.category-select:focus{outline:none;border-color:#667eea}.add-category-btn{padding:10px 16px;background:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .3s ease}.add-category-btn:hover{background:#219a52;transform:translateY(-2px)}.new-category-group{display:flex;flex-direction:column;gap:10px}.new-category-input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.new-category-input:focus{outline:none;border-color:#667eea}.new-category-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-category-btn{padding:8px 16px;background:#f0f0f0;color:#666;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease}.cancel-category-btn:hover{background:#e0e0e0}.confirm-category-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease}.confirm-category-btn:hover{background:#5a67d8;transform:translateY(-2px)}.modal-content input[name=specifications]{width:calc(100% - 40px);margin:0 20px 20px;padding:14px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;min-height:55px}.modal-content input[name=specifications]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.modal-content form>input[name=name],.modal-content form>select[name=category],.modal-content form>input[name=price],.modal-content form>textarea[name=description],.modal-content form>input[name=specifications]{margin-bottom:20px}.order-detail-modal-large{background:#fff;border-radius:20px;width:90%;max-width:950px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.order-detail-content-large{padding:25px}.detail-section h4{margin-bottom:15px;color:#667eea;font-size:1rem;display:flex;align-items:center;gap:8px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-item{display:flex;flex-direction:column;gap:5px;background:#f8f9fa;padding:12px;border-radius:10px}.info-item.full-width{grid-column:span 2}.info-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:14px;color:#333;font-weight:500}.edit-input,.edit-select,.edit-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:inherit;background:#fff}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.edit-textarea{resize:vertical;min-height:80px}.items-table-container{overflow-x:auto;margin-top:10px}.payment-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.confirmation-code{font-family:monospace;font-weight:600;color:#667eea}.order-notes-box{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #667eea}.order-notes-box p{margin:0;color:#555;line-height:1.5}.timeline-steps{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:15px}.timeline-step{flex:1;text-align:center;position:relative;background:#f8f9fa;padding:15px 10px;border-radius:12px;transition:all .3s ease}.timeline-step:not(:last-child):after{display:none}.step-icon{width:40px;height:40px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:700;color:#666;position:relative;z-index:1;transition:all .3s ease}.step-label{font-weight:600;color:#333;margin-bottom:8px;font-size:12px}.step-date{font-size:10px;color:#999}.timeline-date-input{width:100px;padding:6px;border:1px solid #ddd;border-radius:6px;text-align:center;margin-top:8px;font-size:10px;background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 20px 20px}.invoice-action-btn,.receipt-action-btn,.close-action-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:12px}.invoice-action-btn{background:#27ae60;color:#fff}.invoice-action-btn:hover{background:#219a52;transform:translateY(-2px)}.receipt-action-btn{background:#e67e22;color:#fff}.receipt-action-btn:hover{background:#d35400;transform:translateY(-2px)}.close-action-btn{background:#95a5a6;color:#fff}.close-action-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.header-actions{display:flex;gap:12px}.edit-mode-btn,.save-mode-btn,.close-modal-btn{background:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;transition:all .3s ease}.edit-mode-btn:hover,.save-mode-btn:hover,.close-modal-btn:hover{background:#ffffff4d;transform:scale(1.05)}.admin-avatar{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.admin-avatar-img{width:100%;height:100%;object-fit:cover}.admin-avatar-placeholder{font-size:30px;color:#fff}.mobile-menu-toggle{display:none;position:fixed;top:70px;left:10px;z-index:100;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;box-shadow:0 2px 8px #0003}.admin-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:15px}.admin-sidebar{background:#fff;border-radius:12px;padding:15px;box-shadow:0 3px 15px #0000001a;height:fit-content;position:sticky;top:10px;max-height:calc(100vh - 20px);overflow-y:auto}.admin-info{text-align:center;padding-bottom:15px;border-bottom:1px solid #f0f0f0;margin-bottom:15px}.admin-info h3{color:#667eea;margin-bottom:5px;font-size:1rem}.admin-info p{font-size:.75rem;color:#666}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#666}.admin-nav-item svg{width:16px;height:16px}.admin-nav-item:hover{background:#f0f0f0;color:#667eea}.admin-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-nav-item.logout{margin-top:15px;color:#ff4757}.admin-nav-item.logout:hover{background:#ff4757;color:#fff}.admin-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 15px #0000001a;overflow-x:hidden}.admin-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.page-title{font-size:1.2rem;color:#333;margin:0}.notification-bell{background:#f8f9fa;border:none;font-size:1.2rem;color:#667eea;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.mark-all-read-btn{background:#fff3;border:none;color:#fff;padding:5px 12px;border-radius:20px;font-size:.7rem;cursor:pointer;transition:all .3s ease}.admin-content h2{font-size:1.2rem;margin-bottom:15px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:12px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{font-size:12px;margin-bottom:8px;opacity:.9}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat-change{font-size:10px;opacity:.8}.section-header h2{font-size:1.1rem;margin-bottom:0}.add-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11px;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea66}.orders-table{width:100%}.orders-table select,.status-select{padding:4px 8px;border-radius:20px;border:none;font-size:11px;font-weight:600;cursor:pointer}.action-btn{padding:6px 10px;margin:0 3px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px}.action-btn.edit{background:#3498db;color:#fff}.action-btn.edit:hover{background:#2980b9;transform:scale(1.05)}.action-btn.delete{background:#ff4757;color:#fff}.action-btn.delete:hover{background:#ff3838;transform:scale(1.05)}.client-orders-filter-bar{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;background:#f8f9fa;padding:15px 20px;border-radius:12px}.filter-group{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.filter-input,.filter-select,.date-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease}.filter-input:focus,.filter-select:focus,.date-input:focus{outline:none;border-color:#667eea}.date-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-group span{color:#666;font-size:12px}.action-buttons{display:flex;gap:8px}.view-btn,.invoice-btn,.receipt-btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px}.view-btn{background:#3498db;color:#fff}.view-btn:hover{background:#2980b9;transform:scale(1.05)}.invoice-btn{background:#27ae60;color:#fff}.invoice-btn:hover{background:#219a52;transform:scale(1.05)}.receipt-btn{background:#e67e22;color:#fff}.receipt-btn:hover{background:#d35400;transform:scale(1.05)}.edit-btn,.delete-btn{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:12px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:0}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9;transform:scale(1.05)}.delete-btn{background:#ff4757;color:#fff}.delete-btn:hover{background:#ff3838;transform:scale(1.05);box-shadow:0 2px 8px #ff47574d}.product-admin-card .item-actions{display:flex;gap:8px;align-items:center}.product-admin-card .edit-btn,.product-admin-card .delete-btn{width:34px;height:34px;padding:8px;border-radius:8px}.consultation-request-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.consultation-request-actions .delete-btn{width:auto;height:auto;padding:8px 14px;gap:6px}.call-btn,.whatsapp-btn{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .3s ease}.call-btn{background:#3498db;color:#fff}.call-btn:hover{background:#2980b9;transform:translateY(-2px)}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#128c7e;transform:translateY(-2px)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-bottom:25px}.item-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;gap:10px}.item-card:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.item-image-frame{width:60px;height:60px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.item-image{width:100%;height:100%;object-fit:cover}.item-image-placeholder{font-size:24px;color:#fff}.zoom-icon-btn{position:absolute;bottom:5px;right:5px;background:#0009;border:none;color:#fff;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .3s ease}.item-image-frame:hover .zoom-icon-btn{opacity:1}.item-details{flex:1}.item-details h4{font-size:13px;margin-bottom:5px;color:#333}.item-details p{font-size:11px;color:#666;margin:0}.item-actions{display:flex;gap:8px}.products-list{display:flex;flex-direction:column;gap:15px}.product-admin-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;gap:15px;transition:all .3s ease}.product-admin-card:hover{box-shadow:0 3px 10px #0000001a}.product-image-frame{width:80px;height:80px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;cursor:pointer}.product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{font-size:32px;color:#fff}.product-info{flex:1}.product-info h4{font-size:14px;margin-bottom:5px;color:#333}.product-category{font-size:11px;color:#667eea;text-transform:capitalize;margin:3px 0}.product-price{font-size:14px;font-weight:700;color:#667eea;margin:5px 0}.product-desc{font-size:11px;color:#666;line-height:1.4}.consultation-requests-section{margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0}.consultation-requests-section h3{margin-bottom:15px;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px}.consultation-requests-list{display:flex;flex-direction:column;gap:15px}.consultation-request-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px;transition:all .3s ease}.consultation-request-card:hover{box-shadow:0 3px 10px #0000001a}.consultation-request-info{flex:1;min-width:200px}.consultation-request-info h4{margin-bottom:8px;color:#333;font-size:1rem}.consultation-request-info p{margin:5px 0;font-size:12px;color:#666;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.consult-status-select{padding:4px 10px;border-radius:20px;border:1px solid #ddd;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px;background:#fff}.consult-status-select.pending{background:#ffeaa7;color:#d63031}.consult-status-select.approved{background:#d5f5e3;color:#27ae60}.consult-status-select.completed{background:#d6eaf8;color:#3498db}.user-tickets-section{margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0}.user-tickets-section h3{margin-bottom:15px;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px}.user-tickets-list{display:flex;flex-direction:column;gap:15px}.user-ticket-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;transition:all .3s ease}.user-ticket-card:hover{box-shadow:0 3px 10px #0000001a}.user-ticket-info{flex:1}.user-ticket-info h4{margin-bottom:8px;color:#333;font-size:1rem}.user-ticket-info p{margin:5px 0;font-size:12px;color:#666}.user-ticket-actions{display:flex;gap:10px;flex-wrap:wrap}.user-ticket-actions .delete-btn{padding:8px 14px;border-radius:8px;font-size:12px;width:auto;height:auto}.ticket-status-select{padding:4px 10px;border-radius:20px;border:none;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px}.ticket-status-select.open{background:#ff7675;color:#fff}.ticket-status-select.seen{background:#fdcb6e;color:#333}.ticket-status-select.resolved{background:#55efc4;color:#00b894}.users-list{display:flex;flex-direction:column;gap:15px}.user-admin-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;transition:all .3s ease}.user-admin-card:hover{box-shadow:0 3px 10px #0000001a}.user-info{flex:1}.user-info h4{margin-bottom:5px;color:#333;font-size:14px}.user-info p{margin:3px 0;font-size:11px;color:#666}.role-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.role-badge.admin{background:#667eea;color:#fff}.role-badge.user{background:#95a5a6;color:#fff}.user-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;margin-top:5px}.user-status.verified{background:#d4edda;color:#155724}.user-status.unverified{background:#f8d7da;color:#721c24}.make-admin-btn,.remove-admin-btn,.verify-btn{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.make-admin-btn{background:#27ae60;color:#fff}.make-admin-btn:hover{background:#219a52;transform:translateY(-2px)}.remove-admin-btn{background:#e67e22;color:#fff}.remove-admin-btn:hover{background:#d35400;transform:translateY(-2px)}.verify-btn{background:#3498db;color:#fff}.verify-btn:hover{background:#2980b9;transform:translateY(-2px)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-admin-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:all .3s ease}.faq-admin-card:hover{box-shadow:0 3px 10px #0000001a}.faq-info{flex:1}.faq-info h4{font-size:14px;margin-bottom:5px;color:#333}.faq-info p{font-size:12px;color:#666;line-height:1.4}.contact-info-editor{background:#f8f9fa;padding:20px;border-radius:12px;margin-top:20px}.contact-info-editor h3{margin-bottom:15px;font-size:1rem;color:#333}.contact-info-editor .form-group{margin-bottom:15px}.contact-info-editor label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:12px}.contact-info-editor label svg{margin-right:6px;color:#667eea}.contact-info-editor input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease}.contact-info-editor input:focus{outline:none;border-color:#667eea}.save-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:all .3s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea66}.checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:12px;color:#555}.checkbox-label input{width:16px;height:16px;cursor:pointer}.confirm-modal{background:#fff;padding:20px;border-radius:12px;text-align:center;max-width:350px;width:90%;animation:slideUp .3s ease}.confirm-modal h3{margin-bottom:10px;color:#333;font-size:1.1rem}.confirm-modal p{margin-bottom:15px;color:#666;font-size:13px}.confirm-buttons{display:flex;gap:10px;justify-content:center}.confirm-buttons button{padding:8px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.confirm-btn{background:#ff4757;color:#fff}.confirm-btn:hover{background:#ff3838;transform:scale(1.02)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.pending{background:#fff3cd;color:#f39c12}.status-badge.processing{background:#d6eaf8;color:#3498db}.status-badge.shipped{background:#fdebd0;color:#e67e22}.status-badge.delivered{background:#d5f5e3;color:#27ae60}.priority-low{color:#00b894;font-weight:600}.priority-medium{color:#fdcb6e;font-weight:600}.priority-high{color:#e17055;font-weight:600}.clickable-phone{color:#667eea;text-decoration:none;cursor:pointer;transition:color .3s ease}.clickable-phone:hover{color:#764ba2;text-decoration:underline}.tracking-number{font-family:monospace;font-size:11px;color:#667eea;font-weight:500}.fade-in{animation:fadeIn .3s ease}@media (max-width: 768px){.mobile-menu-toggle{display:block}.admin-container{grid-template-columns:1fr;gap:10px}.admin-sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:200;transition:left .3s ease;width:260px;border-radius:0;overflow-y:auto}.admin-sidebar.active{left:0}.admin-content{margin-top:50px;padding:15px}.admin-top-bar{flex-direction:column;align-items:flex-start;gap:10px}.top-bar-actions{width:100%;justify-content:flex-end}.notification-panel-full{position:fixed;top:60px;left:10px;right:10px;z-index:150;max-height:80vh}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:span 1}.timeline-steps{flex-direction:column}.consultation-request-card,.user-ticket-card,.user-admin-card{flex-direction:column;text-align:center}.consultation-request-actions,.user-ticket-actions,.item-actions{justify-content:center}.items-grid{grid-template-columns:1fr}.product-admin-card{flex-direction:column;text-align:center}.product-image-frame{margin:0 auto}.client-orders-filter-bar{flex-direction:column}.filter-group{width:100%}.table-wrapper{overflow-x:auto}.orders-table table{min-width:550px}.modal-header{flex-wrap:wrap;gap:10px}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}.action-buttons{flex-direction:column}.view-btn,.invoice-btn,.receipt-btn,.delete-btn{width:100%;justify-content:center}.order-detail-modal-large{width:95%;margin:10px}.order-detail-content-large{padding:15px}.modal-content{max-height:90vh;width:95%}.modal-buttons{flex-direction:row;flex-wrap:wrap}.consultation-request-actions .delete-btn,.user-ticket-actions .delete-btn{width:auto}.videos-grid{grid-template-columns:1fr}.category-select-group{flex-direction:column}.add-category-btn{width:100%;justify-content:center}.new-category-actions{flex-direction:column}.cancel-category-btn,.confirm-category-btn{width:100%;text-align:center;justify-content:center}.modal-content.large{max-width:95%}.video-upload-section{max-height:250px}}@media (max-width: 480px){.admin-content,.stat-card{padding:10px}.stat-value{font-size:1.2rem}.stat-card h3{font-size:10px}.section-header h2{font-size:1rem}.add-btn{padding:5px 10px;font-size:10px}.modal-header h3{font-size:1rem}.edit-mode-btn,.save-mode-btn,.close-modal-btn{padding:4px 8px;font-size:10px}.detail-section h4{font-size:.9rem}.info-value{font-size:12px}.step-icon{width:35px;height:35px;font-size:14px}.step-label{font-size:10px}.call-btn,.whatsapp-btn,.make-admin-btn,.remove-admin-btn,.verify-btn{padding:6px 12px;font-size:11px}.user-info h4{font-size:12px}.user-info p{font-size:9px}.detail-items-table th,.detail-items-table td{padding:8px;font-size:11px}.timeline-date-input{width:80px;font-size:9px}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%;justify-content:center}.consultation-request-actions,.user-ticket-actions{width:100%}.consultation-request-actions .delete-btn,.user-ticket-actions .delete-btn{width:100%;justify-content:center}.call-btn,.whatsapp-btn{flex:1;text-align:center;justify-content:center}.video-modal-content{width:95%;padding:15px}.modal-video-player{max-height:50vh}.video-modal-info h3{font-size:.9rem}.video-modal-info p{font-size:.75rem}.video-card{margin:0 5px}.video-thumbnail{height:150px}.play-overlay svg{font-size:36px}.form-group textarea{min-height:100px}.modal-content form>textarea,.modal-content .form-group textarea.product-description{min-height:100px}.modal-content input[name=specifications]{min-height:50px;padding:10px;font-size:12px}}input:disabled,select:disabled,textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.dashboard{min-height:100vh;background:#f5f5f5;padding:10px}.dashboard-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:15px}.dashboard-sidebar{background:#fff;border-radius:12px;padding:15px;box-shadow:0 3px 15px #0000001a;height:fit-content;position:sticky;top:10px}.user-info{text-align:center;padding-bottom:15px;border-bottom:1px solid #f0f0f0;margin-bottom:15px}.user-avatar-wrapper{position:relative;display:inline-block;margin-bottom:12px}.user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:40px;color:#fff;display:flex;align-items:center;justify-content:center}.avatar-actions{position:absolute;bottom:-5px;right:-10px;display:flex;gap:5px}.upload-avatar-btn,.remove-avatar-btn{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;border:2px solid white;font-size:12px}.remove-avatar-btn{background:#ff4757}.upload-avatar-btn:hover,.remove-avatar-btn:hover{transform:scale(1.1)}.user-info h3{margin-bottom:4px;color:#333;font-size:1rem}.user-info p{color:#666;font-size:11px}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.page-title{font-size:1.3rem;color:#333;margin:0}.top-bar-actions{display:flex;gap:15px;align-items:center}.notification-bell-container{position:relative}.notification-bell{background:#f8f9fa;border:none;font-size:1.2rem;color:#667eea;cursor:pointer;position:relative;padding:10px;border-radius:50%;transition:all .3s ease;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background:#e8e8e8;transform:scale(1.05)}.notification-bell.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-badge{position:absolute;top:0;right:0;background:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.notification-panel-full{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-bottom:20px;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-panel-header h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px}.notification-panel-actions{display:flex;gap:10px;align-items:center}.mark-all-read-btn{background:#fff3;border:none;color:#fff;padding:5px 12px;border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover{background:#ffffff4d}.close-notification-panel{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-notification-panel:hover{background:#ffffff4d;transform:scale(1.05)}.notification-panel-list{max-height:400px;overflow-y:auto}.notification-item-full{display:flex;align-items:flex-start;gap:15px;padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease;position:relative}.notification-item-full:hover{background:#f8f9fa}.notification-item-full.unread{background:#f0f7ff}.notification-icon-full{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notification-icon-full svg{font-size:1rem}.notification-content-full{flex:1}.notification-title-full{font-weight:600;font-size:.85rem;color:#333;margin-bottom:5px}.notification-message-full{font-size:.75rem;color:#666;margin-bottom:5px;line-height:1.4}.notification-date-full{font-size:.65rem;color:#999}.notification-unread-dot-full{width:8px;height:8px;background:#667eea;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.no-notifications{text-align:center;padding:50px 20px;color:#999}.no-notifications svg{font-size:3rem;margin-bottom:10px;opacity:.5}.no-notifications p{font-size:.85rem}.dashboard-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#666}.nav-item svg{width:16px;height:16px}.nav-item:hover{background:#f0f0f0;color:#667eea}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-item.logout{margin-top:15px;color:#ff4757}.nav-item.logout:hover{background:#ff4757;color:#fff}.dashboard-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 15px #0000001a;width:100%;overflow-x:hidden}.profile-section h2{margin-bottom:15px;color:#333;font-size:1.2rem}.profile-form{max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-field{margin-bottom:15px}.form-field label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:12px}.form-field input,.form-field textarea{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;transition:all .3s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#667eea}.phone-hint{display:block;color:#999;font-size:10px;margin-top:4px}.update-btn{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .3s ease;font-size:12px}.update-btn:hover{transform:translateY(-2px)}.orders-section{width:100%;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.section-header h2{font-size:1.1rem;margin:0}.section-buttons{display:flex;gap:10px}.delete-selected-btn{padding:6px 12px;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:10px}.delete-selected-btn:hover{background:#ff3838;transform:translateY(-2px)}.select-all-docs-btn{padding:6px 12px;background:#f0f0f0;color:#667eea;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:10px}.select-all-docs-btn:hover{background:#e0e0e0}.order-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;background:#f8f9fa;padding:15px;border-radius:12px}.filter-group{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;position:relative}.filter-icon{color:#667eea;font-size:14px}.search-input,.status-filter,.date-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease}.search-input:focus,.status-filter:focus,.date-input:focus{outline:none;border-color:#667eea}.date-range{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-range span{color:#666;font-size:12px}.table-wrapper{width:100%;overflow-x:auto;border-radius:8px;margin-bottom:15px}.orders-table{min-width:600px;width:100%}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:10px 12px;background:#f8f9fa;font-weight:600;color:#333;font-size:12px;white-space:nowrap}.orders-table td{padding:10px 12px;border-bottom:1px solid #e0e0e0;font-size:12px;white-space:nowrap}.select-all-btn,.select-row-btn,.ticket-select-btn,.document-select-btn,.consultation-select-btn{background:none;border:none;cursor:pointer;color:#667eea;font-size:14px}.order-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.view-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.view-order-btn:hover{transform:scale(1.05)}.tracking-number{font-family:monospace;font-size:11px;color:#667eea}.no-tracking{color:#999}.order-detail-modal{background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.order-detail-content{padding:25px}.order-company-header{text-align:center;padding-bottom:20px;border-bottom:2px solid #667eea;margin-bottom:25px}.order-company-logo{width:70px;height:70px;object-fit:contain;margin-bottom:10px}.order-company-header h2{color:#667eea;font-size:1.5rem;margin-bottom:5px}.order-company-header p{color:#666;font-size:11px;margin:3px 0}.detail-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.detail-section:last-child{border-bottom:none}.detail-section h4{margin-bottom:15px;color:#667eea;font-size:1rem;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{font-size:13px;color:#555}.detail-item.full-width{grid-column:span 2}.detail-label{font-weight:600;color:#333;min-width:120px;display:inline-block}.order-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.order-status-badge.pending{background:#fff3cd;color:#f39c12}.order-status-badge.processing{background:#d6eaf8;color:#3498db}.order-status-badge.shipped{background:#fdebd0;color:#e67e22}.order-status-badge.delivered{background:#d5f5e3;color:#27ae60}.payment-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.payment-status.completed{background:#d5f5e3;color:#27ae60}.payment-status.partial{background:#fff3cd;color:#f39c12}.payment-status.pending{background:#f8d7da;color:#e74c3c}.items-table-container{overflow-x:auto}.detail-items-table{width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:10px;overflow:hidden}.detail-items-table th,.detail-items-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.detail-items-table th{background:#667eea;color:#fff;font-weight:600;font-size:12px}.detail-items-table td{font-size:13px;color:#333}.detail-items-table tfoot td{background:#f0f0f0;font-weight:700;border-bottom:none}.total-label{text-align:right}.total-value{font-weight:700;color:#667eea;font-size:1.1rem}.order-notes-text{background:#f8f9fa;padding:12px;border-radius:8px;color:#555;font-size:13px;line-height:1.5}.order-timeline{display:flex;justify-content:space-between;margin:20px 0;position:relative;flex-wrap:wrap;gap:15px}.timeline-step{flex:1;text-align:center;position:relative;padding:15px 10px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.timeline-step:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.timeline-step:not(:last-child):after{content:"";position:absolute;top:30px;right:-50%;width:100%;height:2px;background:#e0e0e0;z-index:0}.timeline-step.completed .timeline-step-number{background:#27ae60;color:#fff}.timeline-step.active .timeline-step-number{background:#667eea;color:#fff}.timeline-step-number{width:40px;height:40px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:700;color:#666;position:relative;z-index:1;transition:all .3s ease}.timeline-step-label{font-weight:600;color:#333;margin-bottom:8px;font-size:13px}.timeline-step-date{font-size:11px;color:#666}@media (max-width: 768px){.order-timeline{flex-direction:column}.timeline-step:not(:last-child):after{display:none}.timeline-step{display:flex;align-items:center;gap:15px;text-align:left;padding:12px}.timeline-step-number{margin:0;width:35px;height:35px;font-size:14px}.timeline-step-label{margin-bottom:0;font-size:12px}.timeline-step-date{margin-left:auto;font-size:10px}}@media (max-width: 480px){.timeline-step{flex-wrap:wrap}.timeline-step-date{width:100%;margin-left:50px;margin-top:5px}}.documents-list{display:flex;flex-direction:column;gap:15px}.document-card{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#f8f9fa;border-radius:10px;transition:all .3s ease;flex-wrap:wrap}.document-card.selected{background:#e8f0fe;border-left:3px solid #667eea}.document-card:hover{transform:translate(5px)}.document-info{flex:1}.document-info h4{margin-bottom:8px;color:#333;font-size:.9rem}.document-info p{margin:5px 0;color:#666;font-size:11px}.view-doc-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;font-size:11px}.view-doc-btn:hover{transform:scale(1.05)}.consultations-list{display:flex;flex-direction:column;gap:15px}.consultation-card{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.consultation-card.selected{background:#e8f0fe;border-left:3px solid #667eea}.consultation-card:hover{transform:translate(5px)}.consultation-info{flex:1}.consultation-info h4{margin-bottom:10px;color:#333;font-size:.9rem}.consultation-info p{margin:5px 0;color:#666;font-size:11px}.consult-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.consult-status.pending{background:#ffeaa7;color:#d63031}.tickets-list{display:flex;flex-direction:column;gap:10px}.ticket-card{display:flex;align-items:flex-start;gap:15px;padding:12px;background:#f8f9fa;border-radius:8px;transition:transform .3s ease;flex-wrap:wrap}.ticket-card.selected{background:#e8f0fe;border-left:3px solid #667eea}.ticket-card:hover{transform:translate(5px)}.ticket-info{flex:1;min-width:200px}.ticket-info h4{margin-bottom:4px;color:#333;font-size:12px}.ticket-info p{color:#666;font-size:10px;margin:3px 0}.ticket-message-preview{font-size:10px;color:#666;margin-top:5px;font-style:italic}.ticket-status{flex-shrink:0}.status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.status.open{background:#ff7675;color:#fff}.status.seen{background:#fdcb6e;color:#333}.status.resolved{background:#55efc4;color:#00b894}.new-ticket-btn,.new-consultation-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:11px;transition:all .3s ease}.new-ticket-btn:hover,.new-consultation-btn:hover{transform:translateY(-2px)}.priority-low{color:#00b894}.priority-medium{color:#fdcb6e}.priority-high{color:#e17055}.priority-urgent{color:#d63031;font-weight:700}.settings-group{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.settings-group h3{margin-bottom:10px;color:#333;font-size:1rem}.checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:12px}.change-password-btn{padding:8px 16px;background:#f0f0f0;color:#667eea;border:1px solid #667eea;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:11px}.change-password-btn:hover{background:#667eea;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:90%;overflow:hidden}.modal-content.large{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h3{margin:0;font-size:1rem}.modal-header-actions{display:flex;gap:12px;align-items:center}.print-modal-btn{background:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;transition:all .3s ease}.print-modal-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modal-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.modal-content .form-group{padding:15px 20px;margin:0}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:#667eea}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:35px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.modal-buttons button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px}.modal-buttons button:first-child{background:#f0f0f0;color:#666}.modal-buttons button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-buttons button:hover{transform:translateY(-2px)}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.save-btn{background:#27ae60;color:#fff}.save-btn:hover{background:#219a52;transform:translateY(-2px)}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.confirm-modal-content{background:#fff;border-radius:16px;width:90%;max-width:380px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.confirm-modal-header{display:flex;align-items:center;gap:10px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-icon{font-size:1.3rem}.confirm-modal-header h3{flex:1;margin:0;font-size:1rem}.confirm-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .3s ease}.confirm-close:hover{background:#ffffff4d;transform:scale(1.05)}.confirm-modal-body{padding:20px;text-align:center}.confirm-modal-body p{color:#333;font-size:13px;line-height:1.4;margin:0}.logout-warning{color:#ff4757!important;font-size:11px!important;margin-top:8px!important}.confirm-modal-footer{display:flex;gap:10px;padding:15px;background:#f8f9fa;border-top:1px solid #e0e0e0}.confirm-cancel-btn,.confirm-action-btn{flex:1;padding:8px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:12px}.confirm-cancel-btn{background:#f0f0f0;color:#666}.confirm-cancel-btn:hover{background:#e0e0e0}.confirm-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-action-btn.logout-btn{background:#ff4757}.confirm-action-btn.logout-btn:hover{background:#ff3838;transform:translateY(-2px)}.confirm-action-btn:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0003}.no-data-message{text-align:center;padding:40px;color:#999;font-size:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{.dashboard-sidebar,.dashboard-top-bar,.notification-bell-container,.modal-header .modal-close,.modal-header .print-modal-btn,.modal-buttons,.dashboard-nav,.top-bar-actions,.section-header,.order-filters,.delete-selected-btn,.select-all-btn,.select-row-btn,.view-order-btn,.upload-avatar-btn,.remove-avatar-btn,.update-btn,.new-ticket-btn,.new-consultation-btn,.change-password-btn,.toggle-password,.confirm-modal-overlay{display:none!important}.dashboard{background:#fff;padding:0;margin:0}.dashboard-container{display:block;margin:0;padding:0}.dashboard-content{box-shadow:none;padding:0;margin:0;background:#fff}.order-detail-modal{box-shadow:none;padding:0;margin:0;width:100%;max-width:100%;position:static;transform:none}.order-detail-content{padding:20px}.detail-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:20px;padding-bottom:15px}.detail-items-table{break-inside:avoid;page-break-inside:avoid}.order-company-logo{filter:grayscale(100%)}.order-status-badge,.payment-status,.consult-status,.status{border:1px solid #ccc;background:#f5f5f5!important;color:#333!important}.detail-items-table th{background:#f0f0f0!important;color:#333!important}.order-company-header{border-bottom:2px solid #333}.order-company-header h2{color:#333}body,.dashboard,.dashboard-content,.detail-section,.detail-item,.detail-label{color:#000!important}.detail-items-table td,.detail-items-table th{border:1px solid #ccc}.order-notes-text{background:transparent;border:1px solid #ccc}.order-timeline{display:flex;flex-wrap:nowrap;margin:20px 0}.timeline-step{border:1px solid #ccc;margin:0 5px;page-break-inside:avoid}.timeline-step:not(:last-child):after{display:none}.timeline-step-number{background:#f0f0f0!important;color:#333!important;border:1px solid #ccc}}@media (max-width: 768px){.dashboard{padding:8px}.dashboard-container{grid-template-columns:1fr;gap:10px}.dashboard-sidebar{position:static;padding:12px}.dashboard-content{padding:15px}.dashboard-top-bar{flex-direction:column;gap:10px;align-items:flex-start}.top-bar-actions{width:100%;justify-content:flex-end}.notification-panel-full{margin-bottom:15px}.form-row{grid-template-columns:1fr;gap:10px}.order-filters{flex-direction:column;gap:10px}.filter-group{width:100%}.date-range{flex-direction:column}.date-range input{width:100%}.section-header{flex-direction:column;align-items:stretch}.section-buttons{justify-content:flex-start}.document-card{flex-direction:column;text-align:center}.consultation-card{flex-direction:column}.ticket-card{flex-wrap:wrap}.user-avatar{width:70px;height:70px}.avatar-placeholder svg{font-size:35px}.order-detail-modal{width:95%;margin:10px}.order-detail-content{padding:15px}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.detail-items-table th,.detail-items-table td{padding:8px;font-size:10px}.order-company-logo{width:50px;height:50px}.order-company-header h2{font-size:1.2rem}}@media (max-width: 480px){.dashboard-content{padding:12px}.notification-item-full{flex-wrap:wrap}.orders-table th,.orders-table td{padding:5px 8px;font-size:9px}.view-order-btn{padding:3px 6px;font-size:8px}.modal-content{width:95%}.modal-header{flex-direction:column;align-items:flex-start;gap:10px}.modal-header-actions{width:100%;justify-content:flex-start}.detail-section h4{font-size:.9rem}.detail-label{min-width:100px;font-size:11px}.detail-item{font-size:11px}.detail-items-table th,.detail-items-table td{padding:6px;font-size:9px}.total-value{font-size:1rem}.order-company-logo{width:40px;height:40px}.order-company-header h2{font-size:1rem}.order-company-header p{font-size:9px}.ticket-info{min-width:100%}.ticket-status{align-self:flex-start}.document-info h4{font-size:.8rem}.document-info p{font-size:10px}.consultation-info h4{font-size:.8rem}.consultation-info p{font-size:10px}.status{padding:3px 8px;font-size:9px}.new-ticket-btn,.new-consultation-btn{padding:5px 10px;font-size:10px}.delete-selected-btn,.select-all-docs-btn{padding:5px 10px;font-size:9px}.modal-buttons button{padding:6px 12px;font-size:11px}.password-input-wrapper input{font-size:11px;padding:8px 30px 8px 10px}.order-notes-text{font-size:11px;padding:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#764ba2}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner svg{font-size:2rem;color:#667eea;animation:spin 1s linear infinite}*:focus-visible{outline:2px solid #667eea;outline-offset:2px}a,button,input,select,textarea{transition:all .2s ease}input:disabled,input[readOnly]{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.document-card:hover,.consultation-card:hover,.ticket-card:hover{box-shadow:0 4px 12px #0000001a}.notification-badge{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.nav-item,.view-order-btn,.update-btn,.new-ticket-btn,.new-consultation-btn,.delete-selected-btn,.select-all-docs-btn,.mark-all-read-btn,.close-notification-panel,.print-modal-btn,.modal-close{min-height:44px;min-width:44px}.nav-item span{font-size:14px}}.priority-low:before,.priority-medium:before,.priority-high:before,.priority-urgent:before{content:"●";margin-right:4px;font-size:8px}.priority-low:before{color:#00b894}.priority-medium:before{color:#fdcb6e}.priority-high:before{color:#e17055}.priority-urgent:before{color:#d63031}.order-details-container{min-height:100vh;background:#f5f5f5;padding:40px 20px;margin-top:60px}.order-details-header{max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.back-btn,.print-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.back-btn{background:#667eea;color:#fff}.back-btn:hover{background:#5a67d8;transform:translate(-3px)}.print-btn{background:#f0f0f0;color:#333}.print-btn:hover{background:#e0e0e0}.order-details-card{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.order-title-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;margin-bottom:25px}.order-title-section h1{font-size:1.8rem;color:#333}.order-id-badge{display:flex;gap:15px;align-items:center}.order-id{font-family:monospace;background:#f8f9fa;padding:8px 15px;border-radius:8px;font-weight:600;color:#667eea}.order-status-badge{padding:8px 15px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.info-card{background:#f8f9fa;padding:20px;border-radius:12px}.info-card h3{font-size:1.1rem;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#666}.info-value{color:#333}.tracking-number{font-family:monospace;color:#667eea}.shipping-address{color:#555;line-height:1.6}.order-items-section{margin-bottom:30px}.order-items-section h3{font-size:1.2rem;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px}.items-table{overflow-x:auto}.items-table table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:12px;background:#f8f9fa;font-weight:600;color:#333}.items-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#555}.total-label{text-align:right;font-weight:600;padding-right:20px}.total-value{font-weight:600;color:#667eea}.grand-total{background:#f8f9fa}.grand-total .total-label,.grand-total .total-value{font-size:1.1rem;font-weight:700;color:#667eea}.order-footer-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.payment-status{color:#27ae60;font-weight:600}.order-notes{color:#666;line-height:1.5}.order-timeline{margin-top:20px;padding-top:20px;border-top:2px solid #f0f0f0}.order-timeline h3{font-size:1.2rem;margin-bottom:25px;color:#333;display:flex;align-items:center;gap:8px}.timeline-steps{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.timeline-step{flex:1;text-align:center;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;top:20px;right:-50%;width:100%;height:2px;background:#e0e0e0;z-index:0}.timeline-step.completed:not(:last-child):after{background:#27ae60}.step-icon{width:40px;height:40px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:700;color:#666;position:relative;z-index:1}.timeline-step.completed .step-icon{background:#27ae60;color:#fff}.timeline-step.active .step-icon{background:#667eea;color:#fff}.step-label{font-weight:600;color:#333;margin-bottom:5px}.step-date{font-size:12px;color:#999}.order-not-found{text-align:center;padding:100px 20px}.order-not-found h2{margin-bottom:20px;color:#333}.back-to-dashboard{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}@media (max-width: 768px){.order-details-container{padding:20px 15px}.order-details-card{padding:20px}.order-title-section{flex-direction:column;align-items:flex-start}.order-id-badge{flex-wrap:wrap}.timeline-steps{flex-direction:column;gap:20px}.timeline-step:not(:last-child):after{display:none}.items-table th,.items-table td{padding:8px;font-size:12px}.info-row{flex-direction:column;gap:5px}}@media print{.order-details-header,.back-btn,.print-btn{display:none}.order-details-container{background:#fff;padding:0}.order-details-card{box-shadow:none;padding:0}}.confirmation-message-box{background:#f0f7ff;padding:15px;border-radius:10px;margin-top:10px;border-left:4px solid #667eea}.confirmation-message{color:#333;line-height:1.5;margin:0}.no-message{color:#999;font-style:italic;margin:0}.confirmation-code{font-family:monospace;background:#e8e8e8;padding:4px 8px;border-radius:5px;font-size:12px;letter-spacing:1px}.payment-reference{font-family:monospace;font-size:12px;color:#667eea}.payment-status{font-weight:600}.payment-status:contains("Completed"){color:#27ae60}.payment-status:contains("Partial"){color:#f39c12}.payment-status:contains("Pending"){color:#e74c3c}.order-notes-card{margin-top:20px}@media (max-width: 768px){.confirmation-message-box{padding:12px}.confirmation-message{font-size:13px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url(/logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.08;pointer-events:none;z-index:0}@media (min-width: 1920px){.auth-container:before{background-size:60%;opacity:.1}}@media (max-width: 1024px){.auth-container:before{background-size:70%;opacity:.09}}@media (max-width: 768px){.auth-container:before{background-size:85%;opacity:.1}}@media (max-width: 480px){.auth-container:before{background-size:100%;opacity:.12}}.auth-card{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease-out;position:relative;z-index:10;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{color:#333;margin-bottom:10px;font-size:1.8rem}.auth-header p{color:#666;font-size:.9rem}.verify-icon{font-size:3rem;color:#667eea;margin-bottom:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative;width:100%}.form-group input{width:100%;padding:14px 16px 14px 45px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#ff4757;background:#fff5f5}.form-group input.valid{border-color:#00b894}.input-icon{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;pointer-events:none;z-index:1}.password-toggle{position:absolute;right:23px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;padding:0;z-index:1}.password-toggle:hover{color:#667eea}.valid-icon{position:absolute;right:50px;top:50%;transform:translateY(-50%);color:#00b894;font-size:16px;pointer-events:none;z-index:1}.error-message{display:block;color:#ff4757;font-size:11px;margin-top:6px;margin-left:12px}.auth-links{text-align:right;margin-top:-5px}.auth-links a,.back-to-login a{color:#667eea;text-decoration:none;font-size:13px}.auth-links a:hover,.back-to-login a:hover{text-decoration:underline}.auth-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:block;margin-top:10px}.auth-btn.verify-action{text-align:center;text-decoration:none;box-sizing:border-box}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #e0e0e0}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.back-to-login{text-align:center;margin-top:15px}.back-to-login a{display:inline-flex;align-items:center;gap:8px}.verification-code{text-align:center}.verification-code p{margin-bottom:15px;color:#666}.code-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.code-input{width:50px;height:50px;text-align:center;font-size:24px;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease}.code-input:focus{outline:none;border-color:#667eea}.resend-code{text-align:center;margin-top:10px}.resend-code p{color:#666;margin-bottom:5px}.resend-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600}.resend-btn:hover:not(:disabled){text-decoration:underline}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{text-align:center}.success-message p{margin:10px 0;color:#666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.auth-card{padding:30px 25px;max-width:400px}.auth-header h2{font-size:1.6rem}.form-group input{padding:12px 14px 12px 42px;font-size:14px}.input-icon{left:14px;font-size:14px}.password-toggle{right:14px}.valid-icon{right:46px;font-size:14px}.code-input{width:45px;height:45px;font-size:22px}}@media (max-width: 480px){.auth-card{padding:25px 20px;max-width:100%}.auth-header h2{font-size:1.4rem}.auth-header p{font-size:.8rem}.form-group input{padding:11px 12px 11px 38px;font-size:13px}.input-icon{left:30px;font-size:13px}.password-toggle{right:23px}.valid-icon{right:42px;font-size:13px}.code-input{width:40px;height:40px;font-size:20px}.code-inputs{gap:8px}.auth-btn{padding:12px;font-size:14px}.auth-footer p,.auth-links a{font-size:12px}}.password-strength-container{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:12px;animation:fadeInUp .3s ease}.password-strength-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:10px}.password-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.password-strength-info{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600}.password-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.password-requirements p{font-size:11px;margin:0;display:flex;align-items:center;gap:5px}.requirement-met{color:#00b894}.requirement-unmet{color:#999}@media (max-width: 480px){.password-requirements{grid-template-columns:1fr;gap:5px}.password-strength-container{padding:10px}.password-strength-info{font-size:12px}.password-requirements p{font-size:10px}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.not-found-content{text-align:center;background:#fff;border-radius:30px;padding:50px 40px;max-width:550px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}.not-found-icon{font-size:5rem;color:#ff4757;margin-bottom:20px;animation:shake .5s ease-in-out}.not-found-content h1{font-size:6rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.not-found-content h2{font-size:1.8rem;color:#333;margin:15px 0 10px}.not-found-content p{color:#666;margin-bottom:30px;font-size:1rem}.not-found-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.not-found-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:14px}.home-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px #667eea66}.back-btn{background:#f0f0f0;color:#333}.back-btn:hover{background:#e0e0e0;transform:translateY(-3px)}.not-found-suggestions{text-align:left;background:#f8f9fa;padding:20px;border-radius:15px;margin-top:10px}.not-found-suggestions h3{font-size:1rem;color:#333;margin-bottom:15px;text-align:center}.not-found-suggestions ul{list-style:none;padding:0}.not-found-suggestions li{padding:10px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e0e0}.not-found-suggestions li:last-child{border-bottom:none}.not-found-suggestions li svg{color:#667eea;width:18px}.not-found-suggestions li a{text-decoration:none;color:#333;transition:color .3s ease;flex:1}.not-found-suggestions li a:hover{color:#667eea}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 768px){.not-found-content{padding:30px 20px}.not-found-icon{font-size:3.5rem}.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.4rem}.not-found-content p{font-size:.9rem}.not-found-buttons{flex-direction:column}.not-found-btn{justify-content:center}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;z-index:99999;display:flex;align-items:center;justify-content:center;animation:gradientShift 3s ease infinite,fadeOut .6s ease 2.5s forwards}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;background:#ffffff4d;border-radius:50%;animation:float 8s infinite ease-in-out}.particle:nth-child(1){width:80px;height:80px;top:10%;left:10%;animation-duration:12s;animation-delay:0s}.particle:nth-child(2){width:50px;height:50px;top:70%;left:80%;animation-duration:10s;animation-delay:2s}.particle:nth-child(3){width:120px;height:120px;top:80%;left:15%;animation-duration:14s;animation-delay:1s}.particle:nth-child(4){width:40px;height:40px;top:20%;right:15%;animation-duration:9s;animation-delay:3s}.particle:nth-child(5){width:90px;height:90px;top:50%;left:70%;animation-duration:11s;animation-delay:1.5s}.particle:nth-child(6){width:30px;height:30px;bottom:15%;left:40%;animation-duration:7s;animation-delay:.5s}.particle:nth-child(7){width:100px;height:100px;top:30%;right:25%;animation-duration:13s;animation-delay:2.5s}.particle:nth-child(8){width:25px;height:25px;bottom:30%;right:45%;animation-duration:8s;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.3}25%{transform:translateY(-30px) translate(20px) rotate(90deg);opacity:.5}50%{transform:translateY(-50px) translate(-20px) rotate(180deg);opacity:.4}75%{transform:translateY(-20px) translate(30px) rotate(270deg);opacity:.5}}.loading-container{text-align:center;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:10}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.loading-logo-wrapper{position:relative;margin-bottom:25px;display:inline-block;animation:fadeIn .8s ease}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.loading-logo-img{width:150px;height:150px;object-fit:contain;position:relative;z-index:2;animation:logoFloat 2s ease-in-out infinite,pulseLogo 1.5s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(255,255,255,.4))}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.loading-logo{margin-bottom:35px;position:relative}.logo-modern{display:block;font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0,#e0e0e0);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:4px;text-shadow:0 2px 20px rgba(0,0,0,.2);animation:textGradient 3s ease infinite,slideInDown .6s ease}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-dynamic{display:block;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ffe0e0,#fff,#e0e0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:3px;margin-top:5px;animation:textGradient 3s ease infinite reverse,slideInUp .6s ease}.logo-underline{width:100px;height:3px;background:linear-gradient(90deg,transparent,white,transparent);margin:18px auto;animation:underlineExpand 1.5s ease-in-out infinite}@keyframes underlineExpand{0%,to{width:100px;opacity:.5}50%{width:180px;opacity:1}}.logo-printing{display:block;font-size:.95rem;font-weight:400;color:#ffffffe6;letter-spacing:5px;margin-top:10px;text-transform:uppercase;animation:fadeIn .8s ease}.progress-container{width:300px;margin:25px auto;background:#fff3;border-radius:50px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-bar{width:100%;height:5px;background:#fff3;border-radius:50px;overflow:hidden}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#fff,#ffe0e0,#fff);background-size:200% auto;border-radius:50px;animation:progressLoad 2.5s ease-in-out infinite,shimmer 1.5s ease infinite}@keyframes progressLoad{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.loading-spinner{position:relative;width:110px;height:110px;margin:30px auto}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:#fff;border-width:4px;animation-delay:-.45s}.spinner-ring:nth-child(2){border-right-color:#ffffffb3;border-width:3px;animation-delay:-.3s;width:85%;height:85%;top:7.5%;left:7.5%}.spinner-ring:nth-child(3){border-bottom-color:#ffffff80;border-width:2px;animation-delay:-.15s;width:70%;height:70%;top:15%;left:15%}.spinner-ring:nth-child(4){border-left-color:#ffffff4d;border-width:2px;animation-delay:0s;width:55%;height:55%;top:22.5%;left:22.5%}.spinner-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;animation:corePulse 1s ease-in-out infinite;box-shadow:0 0 25px #fff9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.7}}.loading-text-wrapper{margin-top:25px}.loading-text{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:4px;text-transform:uppercase}.dot{animation:dotBlink 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,to{opacity:.3}50%{opacity:1}}.loading-subtext{color:#ffffffb3;font-size:.85rem;margin-top:10px;letter-spacing:1.5px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.loading-logo-img{width:110px;height:110px}.logo-glow{width:130px;height:130px}.logo-modern{font-size:2rem}.logo-dynamic{font-size:1.8rem}.logo-printing{font-size:.75rem}.loading-spinner{width:90px;height:90px}.progress-container{width:250px}.loading-text{font-size:.95rem}.loading-subtext{font-size:.75rem}.particle{display:none}}@media (max-width: 480px){.loading-logo-img{width:85px;height:85px}.logo-glow{width:100px;height:100px}.logo-modern{font-size:1.5rem}.logo-dynamic{font-size:1.3rem}.logo-printing{font-size:.6rem}.loading-spinner{width:70px;height:70px}.spinner-ring{border-width:2px}.spinner-ring:nth-child(1){border-width:3px}.progress-container{width:200px}.loading-text{font-size:.85rem}.loading-subtext{font-size:.7rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:80px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}