body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.phone-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:8px;max-width:800px;min-width:600px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phone-dropdown-content{padding:20px}.phone-dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.phone-dropdown-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.view-all-btn{background:none;border-radius:4px;color:#00c851;padding:4px 8px;transition:all .2s ease}.view-all-btn:hover{background-color:#f0f9f4;color:#00a843}.phone-dropdown-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#00c851}.phone-dropdown-error{color:#e74c3c;padding:40px 20px;text-align:center}.phone-dropdown-empty{color:#666;padding:40px 20px;text-align:center}.phone-dropdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:400px;overflow-y:auto}.phone-dropdown-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.phone-dropdown-item:hover{border-color:#00c851;box-shadow:0 4px 12px #00c8511a;transform:translateY(-2px)}.phone-item-image{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.phone-item-image img{height:100%;object-fit:contain;transition:transform .2s ease;width:100%}.phone-dropdown-item:hover .phone-item-image img{transform:scale(1.05)}.phone-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.phone-item-name{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-item-brand{color:#666;font-size:12px;font-weight:500;margin:0}.phone-item-price{color:#00c851;font-size:14px;font-weight:700;margin-top:4px}.phone-item-condition{align-self:flex-start;background:#e8f5e8;border-radius:12px;color:#00a843;font-size:11px;font-weight:500;margin-top:4px;padding:2px 6px}@media (max-width:768px){.phone-dropdown{left:50%;max-width:90vw;min-width:300px;transform:translateX(-50%)}.phone-dropdown-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.phone-dropdown-content{padding:16px}.phone-item-image{height:60px}.phone-item-name,.phone-item-price{font-size:13px}}@media (max-width:480px){.phone-dropdown{min-width:280px}.phone-dropdown-grid{grid-template-columns:1fr}.phone-dropdown-item{align-items:center;flex-direction:row;gap:12px}.phone-item-image{flex-shrink:0;height:60px;margin-bottom:0;width:60px}.phone-item-info{flex:1 1}}.phone-dropdown-grid::-webkit-scrollbar{width:6px}.phone-dropdown-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.phone-dropdown-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.phone-dropdown-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sell-dropdown{animation:slideDown .3s ease forwards;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;max-width:600px;min-width:500px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);z-index:1000}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.sell-dropdown-content{padding:24px}.sell-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.sell-dropdown-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.view-all-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.view-all-btn:hover{background:#059669}.sell-categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.sell-category-item{align-items:center;background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.sell-category-item:hover{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-1px)}.category-icon{font-size:24px;height:40px;width:40px}.category-icon,.category-image{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;margin-right:12px}.category-image{flex-shrink:0;height:50px;overflow:hidden;width:50px}.category-image img{height:100%;object-fit:contain;padding:4px;width:100%}.category-icon-fallback{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.category-info{flex:1 1}.category-name{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.category-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.sell-dropdown-footer{border-top:1px solid #e5e7eb;padding-top:16px;text-align:center}.sell-info{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.sell-dropdown-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#10b981;height:32px;margin-bottom:12px;width:32px}.sell-dropdown-loading p{color:#6b7280;font-size:14px;margin:0}.sell-dropdown-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.sell-dropdown-error p{color:#ef4444;font-size:14px;margin:0 0 16px}.retry-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.retry-btn:hover{background:#dc2626}@media (max-width:768px){.sell-dropdown{max-width:400px;min-width:320px}.sell-categories-grid{grid-template-columns:1fr}.sell-dropdown-content{padding:16px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;box-shadow:0 4px 20px #00000014;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-top{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #00c8531a;padding:0}.header-container{gap:32px;justify-content:space-between;max-width:1400px;padding:16px 32px}.header-container,.header-logo{align-items:center;display:flex}.header-logo{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;flex-shrink:0;padding:4px;transition:transform .3s ease}.header-logo:hover{box-shadow:0 4px 12px #00c85333;transform:scale(1.05)}.logo-image{border-radius:8px;height:48px;object-fit:contain;width:auto}.desktop-nav{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex:1 1;gap:4px;max-width:700px;padding:8px}.nav-item{position:relative}.dropdown-wrapper{animation:fadeInDown .3s ease;left:0;margin-top:8px;position:absolute;top:100%;z-index:1001}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{align-items:center;background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.nav-link:before{background:linear-gradient(90deg,#00c853,#00e676);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{background:linear-gradient(135deg,#00c8530d,#00e6760d);color:#00c853;transform:translateY(-1px)}.nav-link:hover:before{width:100%}.dropdown-icon{color:#6c757d;transition:transform .3s ease}.nav-link:hover .dropdown-icon{color:#00c853;transform:rotate(180deg)}.header-search{flex:1 1;margin:0 20px;max-width:500px}.search-container{position:relative}.search-input{border:2px solid #e8ecf1;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#2c3e50;font-size:14px;font-weight:500;padding:12px 48px 12px 20px;transition:all .3s ease}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-input:focus{background:linear-gradient(135deg,#00c85305,#00e67605);border-color:#00c853;box-shadow:0 4px 16px #00c85333}.search-btn{align-items:center;background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:8px;box-shadow:0 2px 8px #00c8534d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-btn:hover{box-shadow:0 4px 12px #00c85366;transform:translateY(-50%) scale(1.05)}.header-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.location-selector{position:relative}.location-btn{align-items:center;background:#fff;border:2px solid #e8ecf1;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.location-btn:hover{border-color:#00c853;box-shadow:0 4px 12px #00c85333;color:#00c853;transform:translateY(-2px)}.location-dropdown{animation:fadeInDown .3s ease;background:#fff;border:2px solid #e8ecf1;border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.location-option{background:none;border:none;border-bottom:1px solid #f1f3f5;color:#2c3e50;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.location-option:hover{background:linear-gradient(135deg,#00c8530d,#00e6760d);color:#00c853;padding-left:24px}.location-option:last-child{border-bottom:none}.login-btn{background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:10px;box-shadow:0 4px 12px #00c8534d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;padding:10px 24px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #00c85366;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.cart-btn{align-items:center;background:#fff;border:2px solid #e8ecf1;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#2c3e50;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.cart-btn:hover{background:linear-gradient(135deg,#00c8530d,#00e6760d);border-color:#00c853;box-shadow:0 4px 12px #00c85333;color:#00c853;transform:translateY(-2px)}.mobile-menu-toggle{background:#fff;border:2px solid #e8ecf1;border-radius:10px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:none;flex-direction:column;gap:6px;padding:10px;transition:all .3s ease}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#00c8530d,#00e6760d);border-color:#00c853;box-shadow:0 4px 12px #00c85333;transform:translateY(-2px)}.menu-bar{background:linear-gradient(135deg,#00c853,#00e676);border-radius:2px;height:3px;transition:all .3s ease;width:24px}.mobile-menu-toggle.active .menu-bar:first-child{transform:rotate(45deg) translateY(10px)}.mobile-menu-toggle.active .menu-bar:nth-child(2){opacity:0;transform:translateX(20px)}.mobile-menu-toggle.active .menu-bar:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:-4px 0 24px #00000026;height:100vh;overflow-y:auto;padding:80px 20px 20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:300px;z-index:1000}.mobile-nav.active{right:0}.mobile-nav-links{list-style:none;margin:0;padding:0}.mobile-nav-link{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:8px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:linear-gradient(135deg,#00c8531a,#00e6761a);box-shadow:0 4px 12px #00c85333;color:#00c853;padding-left:28px}.mobile-nav-link.active{box-shadow:0 4px 16px #00c8534d}.mobile-close-btn,.mobile-nav-link.active{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.mobile-close-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #00c8534d;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.mobile-close-btn:hover{box-shadow:0 6px 20px #00c85366;transform:rotate(90deg) scale(1.1)}.promo-banner{background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 4px 20px #00c85333;color:#fff;overflow:hidden;position:relative}.promo-banner:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.banner-container{margin:0 auto;max-width:1400px;z-index:1}.banner-content{align-items:center;display:flex;justify-content:space-between;min-height:220px;padding:50px 20px}.banner-text{flex:1 1;max-width:550px}.banner-title{color:#fff;font-size:52px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;text-shadow:0 4px 12px #00000026}.banner-subtitle{color:#fff;font-size:22px;font-weight:600;margin:0 0 10px;text-shadow:0 2px 8px #0000001a}.banner-description{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0;text-shadow:0 2px 4px #0000001a}.banner-image{animation:float 3s ease-in-out infinite;flex-shrink:0;position:relative;z-index:2}.phone-image{filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));height:200px;object-fit:contain;width:auto}.banner-dots{gap:10px;z-index:3}.dot{background:#fff6;border:2px solid #0000;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.dot.active{background:#fff;border-color:#ffffff80;box-shadow:0 2px 8px #ffffff4d;transform:scale(1.3)}.dot:hover{background:#ffffffb3;transform:scale(1.15)}@media (max-width:1024px){.header-container{gap:16px;padding:14px 20px}.desktop-nav{max-width:420px}.nav-link{font-size:13px;padding:8px 12px}.header-search{margin:0 16px;max-width:320px}.banner-title{font-size:44px}.banner-subtitle{font-size:20px}}@media (max-width:768px){.header-top{padding:14px 16px}.header-logo img{height:40px}.desktop-nav{display:none}.header-search{flex:1 1;margin:0;max-width:none;order:3}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}.header-container{flex-wrap:wrap}.header-search{margin-top:12px;width:100%}.search-input{font-size:14px;padding:10px 44px 10px 16px}.header-right{gap:12px}.location-btn{font-size:13px;padding:8px 12px}.login-btn{font-size:13px;padding:8px 16px}.banner-content{flex-direction:column;min-height:auto;padding:40px 20px;text-align:center}.banner-text{margin-bottom:20px;max-width:100%}.banner-title{font-size:40px}.banner-subtitle{font-size:18px}.banner-description{font-size:14px}.phone-image{height:160px}}@media (max-width:480px){.header-top{padding:12px}.header-logo img{height:36px}.header-container{padding:12px}.mobile-nav{padding:70px 16px 16px;width:100%}.header-right{gap:8px}.location-btn{font-size:12px;gap:4px;padding:8px 10px}.location-btn span{display:none}.login-btn{font-size:12px;padding:8px 14px}.cart-btn{padding:8px}.search-input{font-size:13px;padding:10px 40px 10px 14px}.banner-content{padding:30px 16px}.banner-title{font-size:32px;margin-bottom:10px}.banner-subtitle{font-size:16px;margin-bottom:8px}.banner-description{font-size:13px}.phone-image{height:140px}.banner-dots{bottom:12px;gap:8px}.dot{height:8px;width:8px}}.hidden{display:none}.visible{display:block}.banner-container{background:#f8f9fa;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:20px auto;max-width:1200px}.banner-container,.banner-wrapper{overflow:hidden;position:relative;width:100%}.banner-wrapper{height:400px}.banner-slides{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);width:400%;will-change:transform}.banner-slide{flex-shrink:0;height:100%;position:relative;width:25%}.banner-slide img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.banner-overlay{align-items:center;background:linear-gradient(135deg,#00000080,#0000004d 50%,#000000b3);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:2}.banner-content{animation:fadeInUp .8s ease-out;max-width:600px;padding:0 20px}.banner-title{font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 16px;text-shadow:2px 2px 4px #0000004d}.banner-subtitle{font-size:1.25rem;font-weight:400;line-height:1.5;margin:0 0 24px;opacity:.95;text-shadow:1px 1px 2px #0000004d}.banner-cta{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.banner-cta:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.banner-cta:active{transform:translateY(0)}.banner-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.banner-nav:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.banner-nav:active{transform:translateY(-50%) scale(.95)}.banner-nav-prev{left:20px}.banner-nav-next{right:20px}.banner-dots{bottom:20px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.banner-dot{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.banner-dot:hover{border-color:#fffc;transform:scale(1.2)}.banner-dot.active{background:#fff;border-color:#fff;box-shadow:0 0 10px #ffffff80}.banner-dot.active:after{animation:pulse 2s infinite;border:2px solid #ffffff4d;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@media (max-width:1024px){.banner-wrapper{height:350px}.banner-title{font-size:2.5rem}.banner-subtitle{font-size:1.1rem}}@media (max-width:768px){.banner-container{border-radius:8px;margin:0 16px}.banner-wrapper{height:300px}.banner-title{font-size:2rem}.banner-cta,.banner-subtitle{font-size:1rem}.banner-cta{padding:10px 24px}.banner-nav{height:40px;width:40px}.banner-nav-prev{left:15px}.banner-nav-next{right:15px}.banner-dots{bottom:15px;gap:8px}.banner-dot{height:10px;width:10px}}@media (max-width:480px){.banner-container{border-radius:6px;margin:0 12px}.banner-wrapper{height:250px}.banner-title{font-size:1.75rem;margin-bottom:12px}.banner-subtitle{font-size:.9rem;margin-bottom:20px}.banner-cta{font-size:.9rem;padding:8px 20px}.banner-nav{height:35px;width:35px}.banner-nav-prev{left:10px}.banner-nav-next{right:10px}.banner-content{padding:0 15px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.banner-slide img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.banner-slides{transition:none}.banner-content,.banner-dot.active:after{animation:none}.banner-nav:hover{transform:translateY(-50%)}.banner-cta:hover{transform:none}}.banner-cta:focus,.banner-dot:focus,.banner-nav:focus{outline:2px solid #007bff;outline-offset:2px}.banner-slide img[loading=lazy]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.services-section{background-color:#f8f9fa;padding:40px 20px}.services-container{margin:0 auto;max-width:1200px}.services-block{margin-bottom:50px}.services-title{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center}.service-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;max-width:140px;min-height:140px;padding:20px 10px;text-align:center;transition:all .3s ease;width:100%}.service-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.service-image{border-radius:50%;height:60px;margin-bottom:12px;object-fit:cover;width:60px}.service-title{color:#333;font-size:14px;font-weight:500;line-height:1.3;margin:0}@media (max-width:1200px){.services-container{max-width:960px}.services-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:992px){.services-section{padding:50px 0}.services-container{max-width:720px}.services-title{font-size:2.2rem;margin-bottom:35px}.services-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.service-item{padding:20px 12px}}@media (max-width:768px){.services-section{padding:40px 0}.services-container{padding:0 15px}.services-block{margin-bottom:50px}.services-title{font-size:2rem;margin-bottom:30px;text-align:center}.services-title:after{left:50%;transform:translateX(-50%)}.services-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.service-item{padding:18px 10px}.service-image-wrapper{height:70px;margin-bottom:15px;width:70px}.service-image{height:45px;width:45px}.service-title{font-size:.9rem}}@media (max-width:576px){.services-section{padding:30px 0}.services-container{padding:0 10px}.services-title{font-size:1.8rem;margin-bottom:25px}.services-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.service-item{border-radius:12px;padding:15px 8px}.service-image-wrapper{height:60px;margin-bottom:12px;width:60px}.service-image{height:40px;width:40px}.service-title{font-size:.85rem;line-height:1.3}}@media (max-width:480px){.services-title{font-size:1.6rem}.services-grid{gap:10px}.service-item{padding:12px 6px}.service-image-wrapper{height:55px;margin-bottom:10px;width:55px}.service-image{height:35px;width:35px}.service-title{font-size:.8rem}}.service-item{animation:fadeInUp .6s ease forwards}.service-item:first-child{animation-delay:.1s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.3s}.service-item:nth-child(4){animation-delay:.4s}.service-item:nth-child(5){animation-delay:.5s}.service-item:nth-child(6){animation-delay:.6s}.service-item:nth-child(7){animation-delay:.7s}.service-item:nth-child(8){animation-delay:.8s}.service-item:nth-child(9){animation-delay:.9s}.service-item:nth-child(10){animation-delay:1s}.service-item:focus{outline:2px solid #667eea;outline-offset:2px}.service-item:focus:not(:focus-visible){outline:none}@media print{.services-section{background-color:#fff!important;padding:20px 0}.service-item{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.buy-products-section{background:#fff;color:#111827;padding:24px 0 36px}.buy-products-section .container{margin:0 auto;max-width:1320px;padding:0 16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-header h2{color:#0f172a;font-size:28px;font-weight:800;margin:0}.view-all-button{align-items:center;background:none;border:none;color:#0ea5e9;cursor:pointer;display:inline-flex;font-weight:600;gap:6px}.products-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card{border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .2s ease,transform .2s ease}.product-card:hover{box-shadow:0 6px 20px #0000000f;transform:translateY(-2px)}.assured-chip{align-items:center;background:#0ea5e9;border-radius:6px;box-shadow:0 2px 6px #0ea5e959;color:#fff;display:flex;font-size:10px;font-weight:800;gap:6px;left:10px;letter-spacing:.2px;line-height:1.05;padding:6px 8px 5px;position:absolute;top:10px}.assured-logo{background:#e0f2fe;border-radius:999px;color:#0ea5e9;display:inline-grid;font-weight:900;height:18px;place-items:center;width:18px}.product-image-wrap{align-items:center;background:#fff;border-radius:12px 12px 0 0;display:flex;height:190px;justify-content:center;position:relative}.product-image{max-height:160px;object-fit:contain;transition:transform .25s ease;width:auto}.product-card:hover .product-image{transform:scale(1.04)}.off-chip{background:#fff7ed;border:1px solid #fcd34d;border-radius:6px;bottom:8px;color:#92400e;font-size:12px;font-weight:800;left:12px;padding:6px 8px;position:absolute}.content{padding:10px 14px 14px}.name{color:#0f172a;font-size:15px;font-weight:700;margin:6px 0 10px}.pills{display:flex;gap:8px;margin-bottom:10px}.pill,.pills{align-items:center}.pill{border-radius:8px;display:inline-flex;font-size:12px;gap:6px;padding:7px 10px}.pill-blue{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.pill-rating{background:#fff7ed;border-color:#fde68a;color:#78350f}.pill-star{color:#f59e0b}.price-row{align-items:center;gap:8px;margin:6px 0 8px}.percent{color:#ef4444;font-size:14px;font-weight:800}.price{color:#111827;font-size:18px}.mrp{color:#9ca3af;font-size:13px;text-decoration:line-through}.gold-row{align-items:center;background:#fff;border:1px solid #f4e8c1;border-radius:8px;display:flex;gap:8px;padding:8px 10px;width:-webkit-fit-content;width:fit-content}.gold-chip{background:#fff7e6;border:1px solid #fcd34d;border-radius:6px;color:#8a6d1c;font-size:13px;font-weight:800;padding:6px 8px}.with-gold{color:#8a6d1c;font-size:12px;font-weight:700}.gold-word{color:#d4af37}.loading-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card-skeleton{border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px 14px}.skeleton-image{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:12px;height:190px}.skeleton-content{padding-top:10px}.skeleton-line{background:#e5e7eb;border-radius:6px;height:12px;margin:8px 0}.skeleton-line.short{width:45%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:90%}.empty-state,.error-state{padding:24px 0;text-align:center}.retry-button{background:#1d4ed8;border-radius:8px;font-weight:700;margin-top:10px;padding:8px 12px}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.booking-pickup-booking-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 0;position:relative}.booking-pickup-booking-page:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.booking-main-content{display:flex;gap:30px;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}@media (max-width:1200px){.booking-main-content{flex-direction:column;padding:16px}}.booking-steps-section{animation:fadeInUp .6s ease-out;flex:1 1}.booking-page-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;text-shadow:0 2px 4px #0000001a}.booking-step-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:12px;margin-bottom:32px;padding:24px}.booking-step-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;position:relative}.booking-step-item:not(:last-child):after{background:#ffffff4d;content:"";height:2px;left:calc(50% + 24px);position:absolute;top:20px;width:calc(100% - 48px);z-index:0}.booking-step-item.active:not(:last-child):after{background:linear-gradient(90deg,#00c853,#ffffff4d)}.booking-step-item.active .booking-step-number{background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 4px 12px #00c85366;color:#fff;transform:scale(1.1)}.booking-step-number{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:1}.booking-step-label{color:#fff;font-size:13px;font-weight:600;text-align:center;text-shadow:0 1px 2px #0000001a}.booking-step-content{animation:slideIn .4s ease-out;background:#fff;border:none;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:32px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.booking-address-fields,.booking-payment-section,.booking-pickup-section{display:flex;flex-direction:column;gap:20px}.booking-input-group{display:flex;flex-direction:column;gap:8px}.booking-input-label{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.3px}.booking-styled-input{background:#f8f9fa;border:2px solid #e8ecf1;border-radius:12px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease}.booking-styled-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.booking-styled-input::placeholder{color:#adb5bd}.booking-location-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.booking-location-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.booking-save-as-group{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;margin-top:8px;padding:20px}.booking-save-as-label{color:#2c3e50;font-size:14px;font-weight:600}.booking-radio-option{align-items:center;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s ease}.booking-radio-option:hover{background:#667eea1a}.booking-radio-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;margin:0;width:18px}.booking-pickup-dates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}@media (max-width:768px){.booking-pickup-dates{grid-template-columns:repeat(3,1fr)}}.booking-date-button{align-items:center;background:#f8f9fa;border:2px solid #e8ecf1;border-radius:14px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:14px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s ease}.booking-date-button:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.booking-date-button.selected{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.booking-date-button.selected:before{opacity:.05}.booking-date-button:hover:not(.selected){border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.booking-day-name{color:#868e96;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;position:relative;text-transform:uppercase;z-index:1}.booking-date-button.selected .booking-day-name{color:#667eea}.booking-day-num{font-size:20px;font-weight:700;position:relative;z-index:1}.booking-time-slots{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.booking-time-slot-button{align-items:center;background:#f8f9fa;border:2px solid #e8ecf1;border-radius:14px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:20px 16px;transition:all .3s ease}.booking-time-slot-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.booking-time-slot-button:hover:not(.selected){background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.booking-payment-section{gap:24px}.booking-payment-group{display:flex;flex-direction:column;gap:12px}.booking-payment-option{align-items:center;background:#f8f9fa;border:2px solid #e8ecf1;border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:18px;transition:all .3s ease}.booking-payment-option:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateX(4px)}.booking-payment-option.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 16px #667eea26}.booking-payment-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;margin:0;width:20px}.booking-payment-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.booking-payment-details{flex:1 1}.booking-payment-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:4px}.booking-extra-info{color:#6c757d;font-size:13px;font-weight:500}.booking-payment-note{margin-top:8px}.booking-payment-note strong{color:#667eea}.booking-edit-buttons{display:flex;gap:12px;margin-top:20px}.booking-edit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.booking-edit-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.booking-price-summary-section{animation:fadeInUp .6s ease-out .2s both;display:flex;flex:0 0 380px;flex-direction:column;gap:20px}@media (max-width:1200px){.booking-price-summary-section{flex:1 1}}.booking-device-preview{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:28px;position:relative;text-align:center}.booking-device-preview:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.booking-device-image{border-radius:12px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));height:280px;margin:0 auto 16px;object-fit:contain;width:140px}.booking-device-name{color:#2c3e50;font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.booking-price-summary{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:28px}.booking-price-title{color:#2c3e50;font-size:18px;font-weight:700;letter-spacing:-.3px;margin-bottom:20px}.booking-price-row{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.booking-price-row:last-of-type{border-bottom:none}.booking-price-row .booking-label{color:#6c757d;font-weight:500}.booking-price-row .booking-value{color:#2c3e50;font-weight:600}.booking-total-row{align-items:center;border-top:2px solid #e8ecf1;display:flex;font-size:16px;justify-content:space-between;margin-top:12px;padding-top:16px}.booking-total-row .booking-label{color:#2c3e50;font-weight:700}.booking-total-row .booking-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c853,#00e676);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.booking-continue-btn{align-items:center;background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:12px;box-shadow:0 8px 20px #00c8534d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;margin-top:20px;padding:16px 24px;transition:all .3s ease;width:100%}.booking-continue-btn:hover:not(:disabled){box-shadow:0 12px 28px #00c85366;transform:translateY(-2px)}.booking-continue-btn.disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);box-shadow:none;cursor:not-allowed}.booking-continue-btn.loading{cursor:not-allowed;opacity:.8}.booking-error-message{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;bottom:24px;box-shadow:0 8px 24px #ff6b6b66;color:#fff;font-size:14px;font-weight:600;left:50%;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:1000}@media (max-width:768px){.booking-pickup-booking-page{padding:20px 0}.booking-page-title{font-size:24px}.booking-step-indicator{padding:16px}.booking-step-content{padding:20px}.booking-step-number{font-size:14px;height:36px;width:36px}.booking-step-label{font-size:11px}.booking-save-as-group{flex-wrap:wrap}.booking-device-preview,.booking-price-summary{padding:20px}}.category-products{background:#f8fafc;min-height:calc(100vh - 72px);padding:2rem 0}.container{padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.breadcrumb{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem}.breadcrumb-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.breadcrumb-current{color:#1e293b;font-weight:500}.page-header{margin-bottom:3rem;text-align:center}.page-title{color:#1e293b;font-size:2.5rem;font-weight:600;margin-bottom:1rem}@media (max-width:768px){.page-title{font-size:2rem}}.page-subtitle{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}@media (max-width:640px){.filters-section{flex-direction:column}}.search-filter{flex:1 1;min-width:250px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.brand-filter{min-width:150px}.brand-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.brand-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}@media (max-width:640px){.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.product-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.product-image-container{background:#f8fafc;height:200px;overflow:hidden;position:relative;width:100%}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:1.25rem}.product-name{font-size:1.125rem;margin-bottom:.5rem}.product-brand{margin-bottom:.75rem}.product-price{color:#059669;font-size:1rem;font-weight:600;margin:0}.product-overlay{align-items:center;background:#3b82f6e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.view-details{background:#0000;border:2px solid #fff;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.product-overlay:hover .view-details{background:#fff;color:#3b82f6}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.pagination-number:hover{background:#f3f4f6;border-color:#9ca3af}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.loading-container{padding:4rem 0}.loading-spinner{border:3px solid #e5e7eb;height:3rem;margin-bottom:1rem;width:3rem}.loading-container p{color:#64748b;font-size:1.125rem}.error-container{padding:4rem 0;text-align:center}.error-container h2{color:#dc2626;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-container p{color:#64748b;font-size:1.125rem;margin-bottom:2rem}.retry-button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-button:hover{background:#2563eb}.no-products{padding:4rem 0;text-align:center}.no-products h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.no-products p{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:500px}:root{--card:#fff;--muted:#6b7280;--text:#0f172a;--brand:#10b981;--bg:#f8fafc}#root,body,html{height:100%}body{background:#fff;color:#0f172a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Inter,system-ui,sans-serif}*{box-sizing:border-box}.link{font-weight:600}.link,.link-sm{background:none;border:none;color:#0ea5e9;cursor:pointer}.link-sm{font-size:12px;margin-left:6px;padding:0}.muted{color:#6b7280}.bold{font-weight:700}.dot:before{color:#9ca3af;content:"•";margin:0 8px}.card{background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px #0000000a}.btn{border-radius:10px;font-weight:700;gap:8px;padding:10px 14px}.btn:hover{box-shadow:0 3px 14px #0000000f}.btn-primary{background:#10b981;background:var(--brand);border-color:#10b981;border-color:var(--brand)}.btn-sm{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:700;padding:8px 10px}.btn-sm,.irow{align-items:center;display:inline-flex;gap:8px}.pd__shell{margin:0 auto;max-width:1240px;padding:16px}.pd__error,.pd__loading{display:grid;min-height:60vh;place-items:center;text-align:center}.pd__spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981;border:3px solid var(--border);border-radius:999px;border-top-color:var(--brand);height:36px;width:36px}.pd__breadcrumb{align-items:center;display:flex;gap:8px;margin:8px 0 14px}.pd__top{grid-gap:18px;display:grid;gap:18px;grid-template-columns:520px 1fr}.pd__gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:98px 1fr;padding:14px}.pd__rail{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto 1fr auto}.rail-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:grid;height:36px;place-items:center}.rail-list{grid-gap:10px;display:grid;gap:10px;overflow:auto;padding-right:2px}.rail-thumb{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;height:84px;justify-content:center;padding:6px;width:84px}.rail-thumb img{max-height:70px;object-fit:contain;width:auto}.rail-thumb.active{border-color:#0ea5e9;box-shadow:0 0 0 3px #e0f2fe}.pd__gallery-main{align-items:center;background:#f8fafc;border-radius:12px;display:flex;height:480px;justify-content:center;position:relative}.pd__gallery-main img{max-height:440px;object-fit:contain;width:auto}.pd__assured{align-items:center;background:#ecfeff;border:1px solid #bae6fd;border-radius:999px;color:#0ea5e9;display:inline-flex;font-size:12px;font-weight:800;gap:6px;left:10px;padding:6px 10px;position:absolute;top:10px}.pd__info{display:flex;flex-direction:column;gap:14px}.pd__chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;font-weight:800;padding:6px 10px}.chip-green{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.pd__title{color:#0f172a;font-size:24px;font-weight:800;margin:6px 0 2px}.pd__rating{align-items:center;display:flex;gap:6px}.stars{display:inline-flex;gap:4px}.stars.big svg{height:18px;width:18px}.star-filled{color:#fbbf24}.pd__price{justify-content:space-between;padding:14px}.pd__price,.pd__price-left{align-items:center;display:flex}.pd__price-left{gap:10px}.pd__price-left .red{color:#ef4444;font-weight:800}.pd__price-left .now{color:#111827;font-size:28px;font-weight:900}.pd__price-left .mrp{color:#9ca3af;font-weight:700;text-decoration:line-through}.pd__trust{display:flex;flex-wrap:wrap;gap:10px}.trust-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:8px;padding:8px 10px}.pd__accordion{padding:0}.acc{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;overflow:hidden}.acc+.acc{margin-top:10px}.acc__head{align-items:center;background:#fafafa;border:none;cursor:pointer;display:flex;font-weight:800;gap:12px;justify-content:space-between;padding:12px 14px;width:100%}.acc__head.static{cursor:default}.acc__body{color:#374151;padding:12px 14px}.pd__picker h4{margin:4px 0 8px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:700;padding:8px 12px}.pill.active{background:#ecfdf5;border-color:#10b981;border-color:var(--brand)}.color-row{display:flex;gap:10px}.color{border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #e5e7eb;box-shadow:0 0 0 1px var(--border);display:grid;height:28px;place-items:center;width:28px}.color.active{box-shadow:0 0 0 2px #10b981;box-shadow:0 0 0 2px var(--brand)}.pd__actions{align-items:center;display:flex;justify-content:space-between;padding:12px}.pd__actions .qty{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:10px;padding:6px 10px}.pd__actions .qty button{background:none;border:none;cursor:pointer}.pd__actions .act{align-items:center;display:flex;gap:10px}.btn.icon{border-radius:10px;padding:10px}.btn.icon.wish{background:#ecfdf5;border-color:#10b981;border-color:var(--brand)}.pd__delivery{grid-gap:12px;display:grid;gap:12px;padding:12px}.pd__delivery .row{display:flex;gap:10px}.pd__delivery .pincode .pin{display:flex;gap:8px;margin-top:6px}.pd__delivery .pincode input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.pd__tabs{margin-top:18px}.pd__tabbar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:8px}.pd__tabbar button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;font-weight:800;padding:10px 12px}.pd__tabbar button.active{background:#ecfdf5;border-color:#10b981;border-color:var(--brand)}.pd__specs{padding:14px}.pd__topspecs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}.ts{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:10px}.ts .ico{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.ts .label{color:#6b7280;color:var(--muted);font-size:12px;font-weight:700}.ts .val{font-weight:800}.kv-table{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;overflow:hidden}.kv-row{grid-gap:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:grid;gap:0;grid-template-columns:1fr 2fr}.kv-row:first-child{border-top:none}.kv-row .k,.kv-row .v{padding:12px 14px}.kv-row .k{background:#fbfbfb;color:#374151;font-weight:700}.kv-row .v{color:#111827}.pd__reviews{grid-gap:12px;display:grid;gap:12px;padding:14px}.pd__reviews .summary{align-items:center;display:flex;gap:20px}.pd__reviews .big{font-size:28px;font-weight:900}.review{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:12px}.review .head{align-items:center;display:flex;gap:10px}.review .avatar{background:#f3f4f6;border-radius:999px;display:grid;font-weight:800;height:30px;place-items:center;width:30px}.review .stars{margin-left:auto}.pd__warranty{grid-gap:14px;display:grid;gap:14px;padding:14px}.grid3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.wcard{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:12px}.list-ticks{list-style:none;padding-left:0}.list-ticks li{margin:6px 0;padding-left:22px;position:relative}.list-ticks li:before{color:#10b981;color:var(--brand);content:"✔";font-weight:900;left:0;position:absolute;top:0}.list-cross{list-style:none;padding-left:0}.list-cross li{margin:6px 0;padding-left:22px;position:relative}.list-cross li:before{color:#ef4444;content:"✖";font-weight:900;left:0;position:absolute;top:0}.list-cols{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.pd__offers{grid-gap:10px;display:grid;gap:10px;padding:14px}.offer{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:12px}.offer .ico{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:grid;height:34px;place-items:center;width:34px}.pd__faq{grid-gap:10px;display:grid;gap:10px;padding:14px}.support-callout{background:#fcfcfc;border:1px dashed #d1d5db;border-radius:12px;padding:12px}.support-callout .row{display:flex;gap:10px;margin-top:8px}.pd__desc{margin-top:14px;padding:14px}.star-filled{color:#f59e0b}.star-empty{color:#e5e7eb}@media (max-width:1100px){.pd__top{grid-template-columns:1fr}.pd__topspecs{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.pd__shell{padding:12px}.pd__gallery{gap:10px;grid-template-columns:1fr}.pd__gallery-main{height:360px}.pd__topspecs{grid-template-columns:1fr}}.cart-page{background:#f7f8fa;color:#0f172a;min-height:100vh}.container{padding:0 16px}.cart-header{background:#fff;border-bottom:1px solid #e6e8ee}.cart-header__inner{align-items:center;display:flex;height:68px;justify-content:space-between}.back-btn{align-items:center;background:none;border:none;color:#0ea5e9;cursor:pointer;display:inline-flex;font-weight:600;gap:8px}.back-btn:hover{text-decoration:underline}.cart-title{align-items:center;color:#0f172a;display:flex;font-size:20px;font-weight:800;gap:10px}.cart-title .chip{background:#eaf6ff;border-radius:999px;color:#0ea5e9;font-size:12px;font-weight:700;padding:4px 10px}.cart-body{padding:24px 0 32px}.alert{border-radius:10px;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 14px}.alert.error{background:#ffecec;border:1px solid #fecaca;color:#ef4444}.cart-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.9fr 1fr}@media (max-width:992px){.cart-grid{grid-template-columns:1fr}}.empty-card{background:#fff;border:1px solid #e6e8ee;border-radius:14px;padding:40px;text-align:center}.empty-card__icon{background:#f1f5f9;border-radius:999px;color:#6b7280;display:grid;height:82px;margin:0 auto 14px;place-items:center;width:82px}.empty-card h2{font-size:22px;font-weight:800;margin:6px 0}.empty-card p{color:#6b7280;margin-bottom:16px}.item-card{border-radius:14px;padding:14px}.item-card:hover{box-shadow:0 8px 22px #0000000f}.item-unavailable{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;display:flex;font-weight:800;gap:8px;margin-bottom:10px;padding:10px 12px}.item-unavailable .dot{background:#ef4444;border-radius:999px;display:inline-block;height:10px;width:10px}.item{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:120px 1fr auto}@media (max-width:640px){.item{grid-template-columns:90px 1fr}}.item__img{align-items:center;background:#f7f8fa;border-radius:10px;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.item__img img{height:100%;object-fit:cover;width:100%}@media (max-width:640px){.item__img{height:90px;width:90px}}.assured{align-items:center;background:#0f172a;border-radius:8px;color:#e5feff;display:inline-flex;font-size:11px;font-weight:800;gap:6px;left:8px;padding:6px 8px;position:absolute;top:8px}.assured__dot{background:#e0f2fe;border-radius:999px;color:#0ea5e9;display:grid;font-weight:900;height:18px;place-items:center;width:18px}.cond-chip{background:#dcfce7;border-radius:8px;color:#16a34a;display:inline-block;font-size:12px;font-weight:800;margin-bottom:4px;padding:4px 8px}.item__title{color:#0f172a;font-size:16px;font-weight:800;line-height:1.25;margin:2px 0}.item__sub{color:#64748b;font-size:13px;margin-bottom:8px}.price-row{align-items:baseline;display:flex;gap:10px;margin-bottom:6px}.price-now{color:#111827;font-size:18px;font-weight:900}.price-mrp{color:#9ca3af;font-size:12px;font-weight:700;text-decoration:line-through}.subtle-row{color:#6b7280;font-size:12px;gap:6px}.item__actions,.subtle-row{align-items:center;display:flex}.item__actions{gap:16px}.item__actions .col{align-items:flex-end;display:flex;flex-direction:column;gap:6px}@media (max-width:640px){.item__actions{display:none}.item__actions--mobile{display:flex;gap:12px;margin-top:8px}}@media (min-width:641px){.item__actions--mobile{display:none}}.qty{align-items:center;border:1px solid #e6e8ee;border-radius:10px;display:flex;height:36px;overflow:hidden}.qty__btn{background:#fff;border:none;cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.qty__btn:hover{background:#f3f4f6}.qty__btn:disabled{cursor:not-allowed;opacity:.45}.qty__input{border:none;color:#111827;font-weight:700;height:36px;text-align:center;width:44px}.qty__input:focus{outline:none}.ghost-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#0ea5e9;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:8px 10px}.ghost-btn:hover{background:#eaf6ff}.ghost-btn.danger{color:#ef4444}.ghost-btn.danger:hover{background:#fee2e2}.summary{border-radius:14px;padding:16px;position:-webkit-sticky;position:sticky;top:16px}.summary__title{font-size:18px;font-weight:800;margin:2px 0 12px}.coupon{margin-bottom:12px}.coupon__input{display:flex;gap:8px}.coupon__applied{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#059669;display:flex;font-weight:800;justify-content:space-between;padding:8px 10px}.coupon__applied .left{align-items:center;display:flex;gap:8px}.coupon__remove{background:none;border:none;color:#059669;cursor:pointer;font-weight:800}.rows{border-bottom:1px solid #e6e8ee;border-top:1px solid #e6e8ee}.row{align-items:center;color:#111827;display:flex;font-weight:700;justify-content:space-between;padding:10px 0}.row+.row{border-top:1px solid #f1f2f6}.row span:first-child{color:#6b7280;font-weight:700}.row .green{color:#16a34a}.row.total span{font-size:16px}.row.total span:last-child{color:#0ea5e9;font-weight:900}.saved-pill{align-items:center;background:#eaffeb;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;display:inline-flex;font-size:13px;font-weight:800;gap:6px;margin:12px 0 8px;padding:8px 10px}.place-order{margin-top:8px}.divider{background:#e6e8ee;height:1px;margin:16px 0}.features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media (max-width:420px){.features{grid-template-columns:1fr}}.feature{align-items:center;background:#fff;border-radius:10px;display:flex;gap:8px;padding:8px 6px}.feature__icon{background:#eaf6ff;border-radius:999px;color:#0ea5e9;display:grid;height:32px;place-items:center;width:32px}.feature__text{color:#6b7280;font-size:12px;font-weight:700}.payment-safe{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:10px}.item-card,.summary{background:#fff;border:1px solid #e6e8ee}.row-gap{align-items:center;display:flex;flex-wrap:wrap;gap:12px}:root{--green:#10b981;--radius-lg:22px}.co-page{background:radial-gradient(1000px 700px at 10% -10%,#2563eb12,#0000 45%),radial-gradient(900px 600px at 110% 10%,#16a34a0d,#0000 45%),#fff;background:radial-gradient(1000px 700px at 10% -10%,var(--bg-grad-1),#0000 45%),radial-gradient(900px 600px at 110% 10%,var(--bg-grad-2),#0000 45%),var(--bg);min-height:100vh}.co-header{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1)}.co-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:.9rem 1rem}.co-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;color:#1e3a8a;color:var(--primary-deep);cursor:pointer;display:inline-flex;gap:.45rem;padding:.5rem .8rem;transition:.15s ease}.co-back:hover{background:#eef2ff;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.co-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6b21a8);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.3rem,2.3vw,1.7rem);font-weight:800;margin:0}.co-header-spacer{width:150px}.co-container{margin:0 auto;max-width:1280px;padding:1.25rem}.co-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 420px}@media (max-width:1024px){.co-grid{grid-template-columns:1fr}}.co-card{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);padding:1rem}.co-card-head{align-items:center;display:flex;gap:.6rem;margin-bottom:.6rem}.co-card-icon{background:#eef2ff;border-radius:10px;color:#1e3a8a;color:var(--primary-deep);display:grid;height:36px;place-items:center;width:36px}.co-card-title{color:#0b1220;color:var(--text);font-size:1.05rem;font-weight:800;margin:0}.btn{padding:.6rem .9rem}.spinner{border:2px solid #fff6;border-top-color:#fff;height:18px;width:18px}.addr-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.6rem}.addr-item{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;color:#0b1220;color:var(--text);padding:.75rem .9rem;position:relative;text-align:left;transition:.15s ease;width:100%}.addr-item:hover{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.addr-item.active{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#2563eb8c}.addr-check{color:#1e3a8a;color:var(--primary-deep);position:absolute;right:10px;top:10px}.addr-name{font-weight:800;margin-bottom:.2rem}.addr-lines{color:#475569;color:var(--text-2);font-size:.95rem;line-height:1.45}.addr-phone{color:#94a3b8;color:var(--muted)}.co-add-btn{margin-top:.5rem}.pay-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}@media (max-width:560px){.pay-grid{grid-template-columns:1fr}}.pay-item{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;color:#475569;color:var(--text-2);padding:.8rem;position:relative;text-align:center;transition:.15s ease}.pay-item:hover{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.pay-item.active{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#2563eb8c}.pay-check{color:#1e3a8a;color:var(--primary-deep);position:absolute;right:10px;top:10px}.pay-icon{color:#1e3a8a;color:var(--primary-deep);display:grid;margin-bottom:.25rem;place-items:center}.pay-title{color:#0b1220;color:var(--text);font-weight:800}.pay-desc{color:#475569;color:var(--text-2);font-size:.85rem}.deliv-list{display:flex;flex-direction:column;gap:.6rem}.deliv-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem .9rem;transition:.15s ease}.deliv-item:hover{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.deliv-item.active{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#2563eb8c}.deliv-icwrap{background:#e2e8f0;border-radius:10px;color:#475569;display:grid;height:36px;place-items:center;width:36px}.deliv-icwrap.on{background:#eef2ff;color:#1e3a8a;color:var(--primary-deep)}.deliv-info{flex:1 1}.deliv-title{color:#0b1220;color:var(--text);font-weight:800}.deliv-time{color:#475569;color:var(--text-2);font-size:.9rem}.deliv-price{align-items:center;display:flex;gap:.45rem}.price{color:#0b1220;color:var(--text);font-weight:800}.price.free{color:#10b981;color:var(--green)}.deliv-check{color:#1e3a8a;color:var(--primary-deep)}.co-summary{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);padding:1rem;position:-webkit-sticky;position:sticky;top:16px}.sum-title{color:#0b1220;color:var(--text);font-size:1.15rem;font-weight:800;margin:.2rem 0 1rem;text-align:center}.sum-items{flex-direction:column;margin-bottom:.75rem}.sum-item,.sum-items{display:flex;gap:.6rem}.sum-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;padding:.6rem}.sum-img{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;flex:none;height:80px;overflow:hidden;width:80px}.sum-img img{height:100%;object-fit:cover;width:100%}.sum-info{flex:1 1;min-width:0}.sum-name{color:#0b1220;color:var(--text);font-weight:800}.sum-meta{color:#475569;color:var(--text-2);font-size:.9rem;gap:.4rem}.sum-bottom,.sum-meta{align-items:center;display:flex}.sum-bottom{justify-content:space-between;margin-top:.25rem}.sum-qty{background:#2563eb14;border-radius:999px;color:#1e3a8a;color:var(--primary-deep);font-size:.8rem;padding:.15rem .5rem}.sum-price{color:#0b1220;color:var(--text);font-weight:800}.sum-rating{align-items:center;display:flex;gap:.25rem;margin-top:.25rem}.sum-rating-num{color:#475569;color:var(--text-2);font-size:.8rem}.sum-breakdown{border-top:2px solid #e5e7eb;border-top:2px solid var(--border);margin-top:.4rem;padding-top:.8rem}.sum-breakdown .row{align-items:center;color:#475569;color:var(--text-2);display:flex;justify-content:space-between;padding:.25rem 0}.sum-breakdown .bold{color:#0b1220;color:var(--text);font-weight:800}.sum-breakdown .bold.green{color:#10b981;color:var(--green)}.sum-breakdown .row.total{border-top:2px solid #e5e7eb;border-top:2px solid var(--border);font-size:1.2rem;margin-top:.4rem;padding-top:.6rem}.grad{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6b21a8);-webkit-background-clip:text;background-clip:text;font-weight:800}.sum-secure{align-items:center;background:#10b9811a;border:1px solid #d1fae5;border-radius:12px;color:#065f46;display:flex;font-size:.9rem;gap:.45rem;margin:.6rem 0 .9rem;padding:.6rem .7rem}.sum-place{background:linear-gradient(135deg,#2563eb,#6b21a8);border-color:#0000;color:#fff;font-weight:800;width:100%}.sum-place:disabled{cursor:not-allowed;opacity:.7}.co-empty{border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:14px;color:#475569;color:var(--text-2);padding:.85rem;text-align:center}.co-empty.plate{background:#fff;padding:1.2rem}.plate-emoji{font-size:2rem;margin-bottom:.25rem}.addr-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.addr-modal{background:linear-gradient(180deg,var(--panel),var(--panel-2));max-width:600px}.addr-modal-head{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.addr-modal-head h3{color:#0b1220;color:var(--text);font-size:1.2rem}.addr-close{transition:.15s ease}.addr-close:hover{box-shadow:var(--focus);color:var(--primary-deep)}.addr-form{gap:1rem;padding:1rem 1.25rem}.form-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;padding:.9rem}.section-title{color:#0b1220;color:var(--text);gap:.5rem;margin-bottom:.6rem}.section-ico{background:#eef2ff;border-radius:8px;color:#1e3a8a;color:var(--primary-deep);height:28px;width:28px}.form-row{grid-gap:.6rem;gap:.6rem}.form-group{gap:.35rem}.label{color:#0b1220;color:var(--text);font-size:.88rem}.req{color:#dc2626;margin-left:.15rem}.input,.select,.textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;color:#0b1220;color:var(--text);font-size:.95rem;outline:none;padding:.6rem .7rem;transition:.15s ease;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.checkbox-row{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;gap:.5rem;padding:.6rem .7rem}.checkbox{accent-color:#2563eb;accent-color:var(--primary);height:18px;width:18px}.checkbox-label{color:var(--text-2)}.addr-actions{gap:.6rem}.muted{color:#94a3b8;color:var(--muted)}.addr-strip{align-items:center;background:#f7f8fa;border:1px solid #eef0f4;border-radius:12px;display:flex;justify-content:space-between;margin:8px 0 18px;padding:12px}.addr-strip__left{align-items:flex-start;display:flex;gap:12px}.addr-strip .pin{background:#e6fffb;border:1px solid #b5f5ec;border-radius:999px;color:#14b8a6;display:grid;height:28px;place-items:center;width:28px}.addr-strip__title{color:#0f172a;font-size:14px;font-weight:800}.addr-strip__line{color:#64748b;font-size:12px;line-height:1.35;margin-top:2px;max-width:720px}.addr-strip__right .btn.outline.sm{background:#fff;border:1px solid #14b8a6;border-radius:8px;color:#14b8a6;font-weight:700;padding:6px 12px}.addr-strip__right .btn.outline.sm:hover{background:#e6fffb}.addr-modal-overlay{align-items:center;background:#0f172a59;display:flex;justify-content:center;z-index:60}.addr-modal{background:#fff;border:1px solid #e6e8ee;border-radius:14px;box-shadow:0 24px 60px #0000002e;max-height:92vh;overflow:auto;width:min(720px,92vw)}.addr-modal-head{align-items:center;border-bottom:1px solid #eef0f4;display:flex;justify-content:space-between;padding:14px 16px}.addr-modal-head h3{font-size:18px;font-weight:800;margin:0}.addr-close{background:none;border:none;font-size:22px;line-height:1}.addr-form{padding:14px 16px 18px}.form-section+.form-section{margin-top:14px}.section-title{color:#0f172a;gap:8px;margin-bottom:8px}.section-ico{background:#eef6ff;border-radius:999px;color:#0ea5e9;display:grid;height:26px;place-items:center;width:26px}.form-group{gap:6px;margin-bottom:10px}.form-row{grid-gap:10px;gap:10px}@media (max-width:560px){.form-row{grid-template-columns:1fr}}.label{color:#64748b;font-size:12px;font-weight:700}.req{color:#ef4444;margin-left:4px}.input,.select{border:1px solid #e6e8ee;border-radius:10px;color:#0f172a;font-weight:700;padding:10px 12px}.input:focus,.select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #eaf6ff;outline:none}.checkbox-row{align-items:center;display:flex;gap:10px;margin-top:6px}.checkbox{height:16px;width:16px}.checkbox-label{color:#475569;font-size:13px}.addr-actions{gap:10px;justify-content:flex-end;margin-top:12px}.btn.primary{background:#0ea5e9;border:none;border-radius:10px;color:#fff}.btn.ghost,.btn.primary{font-weight:800;padding:10px 14px}.btn.ghost{border:1px solid #e6e8ee;border-radius:10px;color:#0f172a}.btn.primary:hover{filter:brightness(.96)}.btn.ghost:hover{background:#f8fafc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 20px #22c55e99,0 0 30px #22c55e66}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes scaleInY{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes checkmarkPulse{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}@keyframes checkmarkAppear{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes pendingPulse{0%,to{box-shadow:0 0 0 4px #cbd5e133,0 4px 15px #cbd5e14d}50%{box-shadow:0 0 0 8px #cbd5e166,0 4px 20px #cbd5e180}}@keyframes successBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pendingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.order-confirmation-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;overflow-x:hidden;position:relative}.order-confirmation-container:before{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,0 100%);content:"";height:400px;left:0;position:absolute;right:0;top:0;z-index:0}.order-header{color:#fff;padding:4rem 0 6rem;position:relative;text-align:center;z-index:1}.header-container{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:800px;padding:0 1.5rem}.success-icon{align-items:center;animation:scaleIn .8s ease-out,glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00b894,#00a085,#74b9ff);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 15px 35px #00b89466,0 5px 15px #0000001a,inset 0 1px 0 #ffffff4d;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;width:120px}.success-icon:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#00b894,#00a085,#74b9ff,#0984e3,#a29bfe);border-radius:50%;bottom:-8px;content:"";filter:blur(1px);left:-8px;opacity:.8;position:absolute;right:-8px;top:-8px;z-index:-1}.success-icon:after{animation:sparkle 2s ease-in-out infinite;content:"✨";font-size:1.5rem;position:absolute;right:-10px;top:-10px}.success-icon svg{animation:rotateIn 1s ease-out .3s both;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:70px;width:70px}.header-title{-webkit-text-fill-color:#0000;animation:slideInDown .8s ease-out .2s both;background:linear-gradient(135deg,#fff,#f1f2f6 50%,#ddd6fe);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;text-shadow:0 4px 8px #0003}.header-subtitle{animation:fadeInUp .8s ease-out .4s both;font-size:1.375rem;font-weight:500;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95;text-shadow:0 2px 4px #0000001a}.order-number{align-items:center;animation:fadeInUp .8s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;display:inline-flex;gap:.75rem;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-number:before{animation:bounce 2s infinite;content:"🎯";font-size:1.2rem}.order-number:hover{background:#ffffff59;border-color:#ffffff80;box-shadow:0 15px 40px #00000026,inset 0 1px 0 #ffffff80;transform:translateY(-3px) scale(1.02)}.order-label{display:block;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;opacity:.8;text-transform:uppercase}.order-id{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0000001a}.content-section{padding:2rem 0 4rem;position:relative;z-index:1}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.content-grid{margin-bottom:3rem}@media (max-width:768px){.content-grid{gap:1.5rem;grid-template-columns:1fr}}.section-card{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.section-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.section-title{color:#1f2937;font-size:1.5rem}.section-title svg{color:#667eea}.order-timeline{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#f0f4ff 50%,#fef7ff);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 70px #00000014,0 10px 30px #0000000d,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.order-timeline:before{animation:rainbow 4s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.order-timeline:after{animation:float 3s ease-in-out infinite;content:"🚚";font-size:2rem;opacity:.7;position:absolute;right:30px;top:25px}.timeline-container{padding-left:2rem;position:relative}.timeline-line{animation:scaleInY 1s ease forwards;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb);border-radius:2px;bottom:0;box-shadow:0 0 20px #667eea4d;left:1.5rem;position:absolute;top:0;width:4px}.timeline-line:before{animation:pulse 2s infinite;background:#667eea;box-shadow:0 0 15px #667eea80;top:0}.timeline-line:after,.timeline-line:before{border-radius:50%;content:"";height:8px;left:-2px;position:absolute;width:8px}.timeline-line:after{animation:pulse 2s 1s infinite;background:#f093fb;bottom:0;box-shadow:0 0 15px #f093fb80}.timeline-step{align-items:center;animation:slideInRight .6s ease forwards;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000000f,0 4px 15px #0000000a;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-step:hover{border-color:#667eea33;box-shadow:0 20px 60px #667eea1f,0 8px 25px #00000014;transform:translateX(10px) scale(1.02)}.timeline-step.completed{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b9814d}.timeline-step.completed:before{animation:checkmarkPulse .6s ease forwards;background:linear-gradient(135deg,#10b981,#059669);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #10b98133,0 4px 15px #10b9814d;content:"";height:20px;left:-2.75rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.timeline-step.completed:after{animation:checkmarkAppear .6s ease .3s both;color:#fff;content:"✓";font-size:.875rem;font-weight:700;left:-2.4rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.timeline-step.pending:before{animation:pendingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #cbd5e133,0 4px 15px #cbd5e14d;content:"";height:20px;left:-2.75rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.timeline-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d,0 4px 15px #0000001a;color:#fff;font-size:1.75rem;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.timeline-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.timeline-step:hover .timeline-icon:before{animation:shine .6s ease;opacity:1}.timeline-icon.completed{animation:successBounce .6s ease forwards;background:linear-gradient(135deg,#10b981,#059669)}.timeline-icon.pending{animation:pendingRotate 3s linear infinite;background:linear-gradient(135deg,#94a3b8,#64748b)}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.timeline-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:1.375rem;font-weight:700}.timeline-description{color:#64748b;font-size:1rem;font-weight:500;line-height:1.6}.timeline-date{align-items:center;color:#94a3b8;display:flex;font-weight:600;gap:.5rem;margin-top:.5rem}.timeline-date:before{content:"📅";font-size:1rem}.timeline-status{align-items:center;border-radius:25px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-top:.75rem;padding:.5rem 1rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.timeline-status.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;color:#166534}.timeline-status.pending{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;color:#475569}.timeline-status:before{animation:statusPulse 2s ease-in-out infinite;content:"●";font-size:.75rem}.order-items{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#f8f9ff 50%,#fff5f5);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d,inset 0 1px 0 #fffc;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.order-items:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.order-items:after{animation:wiggle 3s ease-in-out infinite;content:"🛍️";font-size:1.5rem;opacity:.6;position:absolute;right:25px;top:20px}.items-list{display:flex;flex-direction:column;gap:1.5rem}.order-item{align-items:center;animation:slideInLeft .6s ease forwards;background:linear-gradient(135deg,#fff,#fafbff);background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.order-item:hover{border-color:#667eea4d;box-shadow:0 25px 50px #667eea26,0 10px 30px #0000001a;transform:translateY(-8px) scale(1.02)}.order-item:hover:before{opacity:.03}.order-item:last-child{border-bottom:none}.item-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px solid #fff;border-radius:16px;box-shadow:0 8px 25px #0000001a,0 2px 8px #0000000f;height:100px;object-fit:cover;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.item-image:hover{box-shadow:0 15px 40px #00000026,0 5px 15px #0000001a;transform:scale(1.1) rotate(2deg)}.item-image img{height:100%;object-fit:cover;width:100%}.section-title{color:#2d3748;font-weight:700;gap:.75rem}.section-title:before{animation:scaleIn .6s ease forwards;height:100%}.section-title:after{animation:slideInRight .8s ease .3s both;background:linear-gradient(90deg,#667eea,#0000);margin-left:1rem}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.item-brand{align-items:center;color:#667eea;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.item-brand:before{content:"🏷️";font-size:.875rem}.item-condition{align-items:center;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:1px solid #a7f3d0;border-radius:20px;color:#065f46;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.item-condition:before{content:"✨";font-size:.75rem}.item-quantity-price{align-items:center;border-top:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.375rem;font-weight:800;gap:.25rem}.item-price:before{-webkit-text-fill-color:initial;content:"💰";filter:none;font-size:1.125rem}.no-items{animation:fadeInUp .6s ease forwards;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;color:#64748b;padding:3rem 2rem;text-align:center}.no-items:before{animation:bounce 2s infinite;content:"📦";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.item-specs{color:#6b7280;line-height:1.5;margin-bottom:1rem}.item-price{border-top:2px solid #f1f5f9;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.item-price,.item-quantity{align-items:center;display:flex}.item-quantity{color:#64748b;font-size:.95rem;font-weight:600;gap:.5rem}.item-quantity:before{content:"📦";font-size:1rem}.item-total{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.375rem;font-weight:800;gap:.25rem}.item-total:before{-webkit-text-fill-color:initial;content:"💰";filter:none;font-size:1.125rem}.order-info{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#f8faff 50%,#fff0f5);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 70px #00000014,0 10px 30px #0000000d,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.order-info:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.order-info:after{animation:wiggle 3s ease-in-out infinite;content:"📋";font-size:2rem;opacity:.6;position:absolute;right:30px;top:25px}.info-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}@media (max-width:640px){.info-grid{grid-template-columns:1fr}}.info-item{animation:slideInUp .6s ease forwards;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000000f,0 4px 15px #0000000a;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-item:hover{border-color:#667eea33;box-shadow:0 25px 60px #667eea1f,0 10px 30px #00000014;transform:translateY(-8px) scale(1.02)}.info-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.info-item:hover:before{opacity:.03}.info-card{animation:fadeInUp .6s ease-out;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-card:hover{background:#f1f5f9;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.info-header{gap:.75rem;margin-bottom:1rem}.info-header,.info-icon{align-items:center;display:flex}.info-icon{background:#667eea;border-radius:8px;color:#fff;height:32px;justify-content:center;width:32px}.info-title{color:#1f2937;font-size:1rem;font-weight:600}.info-content{color:#4b5563;line-height:1.6}.info-label{align-items:center;display:flex;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.info-label.delivery:before{content:"🏠";font-size:1rem}.info-label.payment:before{content:"💳";font-size:1rem}.info-label.method:before{content:"🚚";font-size:1rem}.info-label.date:before{content:"📅";font-size:1rem}.info-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:1.125rem}.address-line{display:block;margin-bottom:.25rem}.address-line:last-child{margin-bottom:0}.sidebar{gap:1.5rem}.quick-actions,.summary-card,.support-card{animation:slideInRight .6s ease-out;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 25px #00000014;padding:1.5rem;transition:all .3s ease}.quick-actions:hover,.summary-card:hover,.support-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-3px)}.action-title,.support-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-button{border-radius:10px;font-weight:500;padding:.875rem 1rem}.order-summary{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#f0fff4 50%,#ecfdf5);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 70px #00000014,0 10px 30px #0000000d,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.order-summary:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#10b981,#059669,#047857);background-size:300% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.order-summary:after{animation:float 3s ease-in-out infinite;content:"💰";font-size:2rem;opacity:.6;position:absolute;right:30px;top:25px}.summary-item{align-items:center;animation:slideInLeft .6s ease forwards;border-bottom:2px solid #10b9811a;display:flex;justify-content:space-between;padding:1rem 0;transition:all .3s ease}.summary-item:hover{background:#10b9810d;border-bottom-color:#0000;border-radius:16px;margin:0 -1rem;padding:1rem}.summary-item:last-child{background:linear-gradient(135deg,#10b9811a,#0596690d);border-bottom:none;border-radius:16px;box-shadow:0 8px 25px #10b98126;font-size:1.25rem;font-weight:700;margin-top:1rem;padding:1.5rem}.summary-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:not(:last-child){margin-bottom:0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #e5e7eb;font-weight:700;margin-top:1rem;padding-top:1rem}.summary-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem}.summary-label.subtotal:before{content:"📊";font-size:1rem}.summary-label.commission:before{content:"🏪";font-size:1rem}.summary-label.total{color:#1f2937;font-size:1.125rem;font-weight:700}.summary-label.total:before{content:"💎";font-size:1rem}.summary-value{color:#059669;font-size:1.125rem;font-weight:700}.summary-value.total{color:#059669;font-size:1.25rem;font-weight:800}.summary-item:last-child .summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.support-section{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#fef7ff 50%,#f3e8ff);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 70px #00000014,0 10px 30px #0000000d,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.support-section:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);background-size:300% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.support-section:after{animation:wiggle 3s ease-in-out infinite;content:"🎧";font-size:2rem;opacity:.6;position:absolute;right:30px;top:25px}.support-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.support-text{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}@media (max-width:640px){.support-actions{flex-direction:column}}.navigation-actions{animation:fadeInUp .8s ease-out;display:flex;gap:1.5rem;justify-content:center}@media (max-width:640px){.navigation-actions{flex-direction:column}}.navigation-actions button{align-items:center;border-radius:12px;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation-actions button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.navigation-actions button:hover:before{height:300px;width:300px}.navigation-actions button:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-2px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quick-actions{animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#fff,#f8faff 50%,#fff5f5);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 70px #00000014,0 10px 30px #0000000d,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.quick-actions:before{animation:rainbow 3s linear infinite;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff);background-size:300% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.quick-actions:after{animation:float 3s ease-in-out infinite;content:"🚀";font-size:2rem;opacity:.6;position:absolute;right:30px;top:25px}.action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.action-btn{animation:slideInUp .6s ease forwards;border:none;border-radius:20px;box-shadow:0 10px 30px #0000001a,0 4px 15px #0000000d;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1.25rem 2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 20px 50px #667eea4d,0 8px 25px #00000026;transform:translateY(-5px) scale(1.05)}.action-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-btn.secondary:hover{box-shadow:0 20px 50px #f093fb4d,0 8px 25px #00000026;transform:translateY(-5px) scale(1.05)}.section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.75rem;font-weight:800;gap:1rem;margin-bottom:1.5rem;position:relative}.section-title:before{animation:scaleInY .6s ease forwards;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:40px;width:4px}.section-title:after{background:linear-gradient(90deg,#667eea4d,#0000);border-radius:1px;content:"";flex:1 1;height:2px}@media (max-width:768px){.header-title{font-size:2.5rem}.success-icon{height:80px;width:80px}.success-checkmark{height:40px;width:40px}.timeline-item{gap:1rem}.timeline-icon{height:40px;width:40px}.timeline-item:not(:last-child):after{left:20px}.navigation-actions{align-items:center;flex-direction:column}.hover-lift:hover{transform:translateY(-4px)}.section-card{padding:1.5rem}.timeline-item{padding:1rem 0}.item-image{height:80px;width:80px}}@media (max-width:480px){.header-title{font-size:2rem}.order-number{padding:1rem 1.5rem}.timeline-item{margin-bottom:1.5rem}.section-card{padding:1.5rem}.timeline-item{gap:.75rem}.timeline-icon{height:35px;width:35px}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.hover-lift{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;transform:translateY(-8px)}.floating-element{animation:float 6s ease-in-out infinite}.action-button{animation:fadeInUp .6s ease-out both;gap:.75rem;justify-content:flex-start;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-button:hover:before{left:100%}.action-button:hover{box-shadow:0 8px 25px #00000026;transform:translateX(4px)}.action-button:active{transform:translateX(2px) scale(.98)}.success-checkmark{animation:bounce 1s ease-in-out}.action-button:focus,button:focus{outline:2px solid #667eea;outline-offset:2px}.payment-status{border-radius:12px;display:inline-block;font-size:.75rem;letter-spacing:.5px;margin-top:4px;padding:4px 8px;text-transform:uppercase}.payment-status.pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.payment-status.completed{background:linear-gradient(135deg,#d4edda,#00b894);border:1px solid #00b894;color:#155724}.payment-status.failed{background:linear-gradient(135deg,#f8d7da,#e17055);border:1px solid #e17055;color:#721c24}.support-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.support-item{align-items:center;animation:slideInUp .6s ease forwards;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000000f,0 4px 15px #0000000a;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.support-item:hover{border-color:#8b5cf64d;box-shadow:0 25px 60px #8b5cf626,0 10px 30px #0000001a;transform:translateY(-10px) scale(1.05)}.support-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:20px;box-shadow:0 10px 30px #8b5cf64d,0 4px 15px #0000001a;color:#fff;display:flex;font-size:1.75rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.support-item:hover .support-icon{box-shadow:0 15px 40px #8b5cf666,0 6px 20px #00000026;transform:scale(1.1) rotate(5deg)}.support-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.support-description{color:#64748b;font-size:.875rem;line-height:1.5}.support-text{display:flex;flex-direction:column;gap:.25rem}.support-label{color:#495057;font-size:.875rem;font-weight:600}.support-value{color:#6c757d;font-size:.875rem;font-weight:500}.status-badge{animation:fadeInScale .6s ease forwards;border-radius:25px;display:inline-flex;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-badge.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;color:#166534}.status-badge.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.status-badge.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;color:#991b1b}.status-badge:before{animation:statusPulse 2s ease-in-out infinite;content:"●";font-size:.75rem}.floating-decoration{animation:float 6s ease-in-out infinite;opacity:.1;pointer-events:none;position:absolute}.floating-decoration.star{animation-delay:0s;content:"⭐";font-size:1.5rem;right:15%;top:10%}.floating-decoration.heart{animation-delay:2s;content:"💖";font-size:1.25rem;left:10%;top:60%}.floating-decoration.sparkle{animation-delay:4s;content:"✨";font-size:1rem;right:5%;top:30%}@media (max-width:768px){.support-content{gap:.75rem;grid-template-columns:1fr}.support-item{padding:.75rem}.support-icon{height:36px;width:36px}}@media print{.order-confirmation-container{background:#fff}.order-header{background:#667eea;color:#fff;-webkit-print-color-adjust:exact}.section-card{border:1px solid #e5e7eb;box-shadow:none}.navigation-actions{display:none}}:root{--radius-md:16px;--radius-lg:24px}.prof-page{background:radial-gradient(1000px 700px at 10% -10%,#2563eb12,#0000 45%),radial-gradient(800px 600px at 110% 10%,#16a34a0d,#0000 45%),#fff;background:radial-gradient(1000px 700px at 10% -10%,var(--bg-grad-1),#0000 45%),radial-gradient(800px 600px at 110% 10%,var(--bg-grad-2),#0000 45%),var(--bg);min-height:100vh}.prof-container{margin:0 auto;max-width:1280px;padding:3rem 1.25rem}.prof-header{animation:prof-fade .5s ease both;margin-bottom:2.5rem;margin-bottom:var(--gap-2xl);text-align:center}.prof-title{color:#0b1220;color:var(--text);font-size:clamp(2rem,3.5vw,3rem);letter-spacing:.2px;margin:0 0 .4rem}.prof-subtitle{color:#475569;color:var(--text-2);margin:0}.prof-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:380px 1fr}@media (max-width:1024px){.prof-grid{grid-template-columns:1fr}}.prof-sidebar{display:flex;flex-direction:column;gap:1rem;gap:var(--gap)}.prof-card{animation:prof-fade-up .4s ease both;background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:28px;box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);overflow:hidden;padding:2rem;position:relative}.prof-card:before{animation:prof-shimmer 2.4s infinite;background:linear-gradient(90deg,#0000,#2563eb59,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.prof-avatar-wrap{display:inline-block;margin-bottom:1rem;position:relative}.prof-avatar{align-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 30px #02061714;display:flex;font-size:3rem;font-weight:800;height:140px;justify-content:center;width:140px}.prof-avatar,.prof-avatar-upload{color:#1e3a8a;color:var(--primary-2)}.prof-avatar-upload{background:#eef2ff;border:2px solid #fff;border-radius:50%;bottom:6px;box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;right:6px;transition:.15s ease;width:44px}.prof-avatar-upload:hover{background:#e0e7ff;box-shadow:0 0 0 3px #2563eb29;box-shadow:0 0 0 3px var(--primary-soft)}.prof-username{color:#0b1220;color:var(--text);font-size:1.5rem;margin:.25rem 0 0;text-align:center}.prof-email{color:#475569;color:var(--text-2);margin-top:.25rem;text-align:center}.prof-status{align-items:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;color:#065f46;display:inline-flex;font-size:.82rem;font-weight:700;gap:.4rem;margin:.9rem auto 1.1rem;padding:.4rem .7rem}.prof-quick-actions{display:flex;flex-direction:column;gap:.6rem}.prof-qa-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;color:#475569;color:var(--text-2);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1rem;transition:.15s ease}.prof-qa-btn:hover{background:#f8fafc;border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:0 0 0 3px var(--primary-soft);transform:translateX(6px)}.prof-qa-left{align-items:center;display:flex;gap:.6rem}.prof-qa-text{display:flex;flex-direction:column}.prof-qa-label{color:#0b1220;color:var(--text);font-weight:700}.prof-qa-desc{color:#475569;color:var(--text-2);font-size:.8rem}.prof-section-card{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:28px;box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);overflow:hidden;padding:1.5rem;position:relative}.prof-section-card:before{animation:prof-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#2563eb47,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.prof-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.prof-section-title{display:flex;font-size:1.1rem;font-weight:800;gap:.55rem}.prof-edit-btn,.prof-section-title{align-items:center;color:#1e3a8a;color:var(--primary-2)}.prof-edit-btn{background:#eef2ff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;gap:.4rem;padding:.5rem .8rem;transition:.15s ease}.prof-edit-btn:hover{box-shadow:0 0 0 3px #2563eb29;box-shadow:0 0 0 3px var(--primary-soft)}.prof-form-grid{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(2,minmax(280px,1fr))}.prof-full{grid-column:1/-1}@media (max-width:768px){.prof-form-grid{grid-template-columns:1fr}}.prof-field{display:flex;flex-direction:column;gap:.5rem}.prof-label{align-items:center;display:flex;font-size:.95rem;font-weight:700;gap:.4rem}.prof-input,.prof-label{color:#0b1220;color:var(--text)}.prof-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;font-size:.98rem;font-weight:500;height:44px;outline:none;padding:0 .85rem;transition:.15s ease}.prof-input::placeholder{color:#94a3b8;color:var(--muted)}.prof-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.prof-value{align-items:center;background:#f8fafc;border:2px solid #eef2f7;border-radius:14px;color:#475569;color:var(--text-2);display:flex;gap:.45rem;min-height:44px;padding:0 .85rem;transition:.15s ease}.prof-value:hover{border-color:#e4e7ec}.prof-value-ok{color:#16a34a;color:var(--success);margin-left:.25rem}.prof-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.prof-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(160px,1fr));margin-top:.5rem}@media (max-width:1024px){.prof-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.prof-stats{grid-template-columns:1fr}}.prof-stat{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center}.prof-stat:before{background:linear-gradient(135deg,#93c5fd,#818cf8);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.prof-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1e3a8a);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.prof-stat-label{color:#475569;color:var(--text-2);font-weight:700;letter-spacing:.5px;margin-top:.4rem;text-transform:uppercase}@keyframes prof-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes prof-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes prof-shimmer{0%{transform:translateX(0)}to{transform:translateX(200%)}}:root{--bg-grad-1:#2563eb12;--bg-grad-2:#16a34a0d;--muted:#94a3b8;--primary-deep:#1e3a8a;--warn:#f59e0b;--danger:#dc2626;--focus:0 0 0 3px var(--primary-soft)}.orders-page{background:radial-gradient(1000px 700px at 10% -10%,#2563eb12,#0000 45%),radial-gradient(800px 600px at 110% 10%,#16a34a0d,#0000 45%),#fff;background:radial-gradient(1000px 700px at 10% -10%,var(--bg-grad-1),#0000 45%),radial-gradient(800px 600px at 110% 10%,var(--bg-grad-2),#0000 45%),var(--bg);min-height:100vh;padding:2.5rem 0;padding:var(--gap-2xl) 0}.orders-container{margin:0 auto;max-width:1080px;padding:0 1rem;padding:0 var(--gap)}.orders-header{align-items:center;display:flex;gap:1rem;gap:var(--gap);justify-content:space-between;margin-bottom:1.75rem;margin-bottom:var(--gap-xl)}.orders-title{color:#0b1220;color:var(--text);font-size:clamp(1.6rem,2.2vw,2rem);margin:0}.orders-subtitle{color:#475569;color:var(--text-2);margin:.15rem 0 0}.btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;color:#0b1220;color:var(--text);cursor:pointer;display:inline-flex;gap:.5rem;padding:.55rem .85rem;transition:.15s ease}.btn:hover{background:#f8fafc;border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary{background:#eef2ff;border-color:#2563eb59;color:#1e3a8a;color:var(--primary-deep)}.btn.primary:hover{background:#e0e7ff}.btn.danger{background:#fee2e2;border-color:#dc262659;color:#991b1b}.btn.danger:hover{background:#fecaca}.btn.ghost{background:#fff}.filters-card{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);margin-bottom:1.75rem;margin-bottom:var(--gap-xl);padding:1rem;padding:var(--gap)}.filters-card.compact{padding:.75rem}.filters-grid{grid-gap:1rem;grid-gap:var(--gap);display:grid;gap:1rem;gap:var(--gap);grid-template-columns:1fr 200px 200px}.filters-grid.compact{grid-template-columns:1fr 180px 180px}@media (max-width:900px){.filters-grid,.filters-grid.compact{grid-template-columns:1fr 1fr}}@media (max-width:600px){.filters-grid,.filters-grid.compact{grid-template-columns:1fr}}.search-container{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;display:flex;overflow:hidden}.search-icon{color:#94a3b8;color:var(--muted);display:grid;height:40px;place-items:center;width:40px}.search-input{background:#0000;border:none;color:#0b1220;color:var(--text);flex:1 1;height:40px;outline:none;padding:0 .75rem}.search-input::placeholder{color:#94a3b8;color:var(--muted)}.filter-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;color:#0b1220;color:var(--text);height:40px;outline:none;padding:0 .6rem;transition:.15s ease;width:100%}.filter-select:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--focus)}.orders-list{grid-gap:1.25rem;grid-gap:var(--gap-lg);display:grid;gap:1.25rem;gap:var(--gap-lg);grid-template-columns:1fr}.order-card.simple{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);overflow:hidden}.order-top{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:1rem;gap:var(--gap);justify-content:space-between;padding:.9rem .9rem .6rem}.order-id{color:#0b1220;color:var(--text);font-size:1.05rem;margin:0}.order-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;color:#475569;color:var(--text-2);display:inline-flex;font-size:.82rem;gap:.35rem;padding:.22rem .5rem}.chip.outline{background:#f8fafc}.status{font-weight:700}.badge-delivered{background:#ecfdf5;border-color:#d1fae5;color:#065f46}.badge-shipped{background:#eef2ff;border-color:#dbeafe;color:#1e3a8a}.badge-pending,.badge-processing{background:#fffbeb;border-color:#fde68a;color:#92400e}.badge-confirmed{background:#e0f2fe;border-color:#bae6fd;color:#155e75}.badge-cancelled{background:#fee2e2;border-color:#fecaca;color:#991b1b}.order-total{text-align:right}.total-label{color:#475569;color:var(--text-2);font-size:.75rem}.total-value{color:#0b1220;color:var(--text);font-size:1.15rem;font-weight:800}.order-simple-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr);padding:.8rem .9rem}@media (max-width:1000px){.order-simple-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.order-simple-grid{grid-template-columns:1fr}}.simple-block{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:.75rem}.block-title{align-items:center;color:#1e3a8a;color:var(--primary-deep);display:inline-flex;font-weight:800;gap:.4rem;margin-bottom:.5rem}.items-compact{grid-gap:.55rem;display:grid;gap:.55rem}.item-compact{display:flex;gap:.6rem}.item-compact-img{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;flex:none;height:56px;overflow:hidden;width:56px}.item-compact-img img{height:100%;object-fit:cover;width:100%}.item-compact-info{min-width:0}.item-compact-title{color:#0b1220;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-compact-meta{color:#475569;color:var(--text-2);font-size:.85rem}.kv{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.25rem 0}.k{color:#475569;color:var(--text-2)}.v{color:#0b1220;color:var(--text)}.v,.v.pill{font-weight:700}.v.pill{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem}.v.pill.ok{background:#ecfdf5;border-color:#d1fae5;color:#065f46}.v.pill.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.addr{color:#475569;color:var(--text-2)}.order-actions.simple{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem .9rem .9rem}.empty-state{background:linear-gradient(180deg,#fff,#f8fafc);border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:16px;color:#475569;color:var(--text-2);padding:2rem 1rem}.empty-state.loading .empty-icon{animation:pulse 1.1s infinite}.empty-icon{background:#f3f4f6;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:50%;color:#475569;color:var(--text-2);display:grid;height:86px;margin:0 auto .75rem;place-items:center;width:86px}.empty-title{color:#0b1220;color:var(--text);margin:.2rem 0}.empty-description{margin:.25rem 0 1rem}.empty-action{text-decoration:none}@keyframes pulse{50%{opacity:.85;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.user-order-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0}.order-id{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;color:#64748b;font-size:.875rem;font-weight:600;margin-left:auto;padding:.5rem 1rem}.status-banner{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.status-info{gap:2rem;margin-bottom:1.5rem}.status-badge,.status-info{align-items:center;display:flex}.status-badge{border-radius:.75rem;box-shadow:0 2px 8px #0000001a;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-transform:capitalize}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.status-confirmed,.status-processing,.status-verified{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.status-shipped{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1;color:#4338ca}.status-completed,.status-delivered{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.status-cancelled,.status-refunded{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.order-date{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.progress-section{margin-top:1rem}.progress-label{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.progress-bar{background:#f1f5f9;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}.main-content,.sidebar{display:flex;flex-direction:column;gap:2rem}.card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;padding:1.5rem}.card-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.product-section{display:flex;gap:1.5rem;margin-bottom:2rem}.product-image{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 8px #0000000d;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.product-image img{height:100%;object-fit:cover;width:100%}.product-details{flex:1 1}.product-name{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.product-brand{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 1rem}.product-specs{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.spec-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.5rem;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem}.spec-label{color:#64748b;font-weight:500}.spec-value{color:#1e293b;font-weight:600}.price-section{align-items:center;display:flex;gap:1rem;margin-top:1rem}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;background-clip:text;color:#059669;font-size:1.75rem;font-weight:700}.original-price{color:#94a3b8;font-size:1rem;font-weight:500;text-decoration:line-through}.discount{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;border-radius:.5rem;color:#166534;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:.75rem;padding:1.25rem;transition:all .3s ease}.info-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px)}.info-icon{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;margin-top:.125rem;padding:.5rem}.info-content{flex:1 1}.info-label{color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.info-value{color:#1e293b;font-weight:600;line-height:1.5}.tracking-id{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.5rem}.timeline{padding-left:2rem;position:relative}.timeline-item{padding-bottom:2rem;position:relative}.timeline-item:not(:last-child):before{background:linear-gradient(180deg,#e2e8f0,#f1f5f9);content:"";height:calc(100% - 1rem);left:-1.5rem;position:absolute;top:2rem;width:2px}.timeline-icon{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;left:-2rem;position:absolute;top:0;width:2rem}.timeline-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.timeline-confirmed,.timeline-processing,.timeline-verified{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.timeline-shipped{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.timeline-completed,.timeline-delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.timeline-cancelled,.timeline-refunded{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.timeline-content{margin-left:.5rem}.timeline-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.timeline-date{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.timeline-note{color:#475569;font-size:.875rem;line-height:1.5}.payment-details{margin-bottom:1.5rem}.payment-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 0}.payment-row:last-child{border-bottom:none}.payment-row.total{border-top:2px solid #e2e8f0;color:#1e293b;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.payment-method{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.payment-status{border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.payment-status.status-completed,.payment-status.status-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.payment-status.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.payment-status.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.commission-details{display:flex;flex-direction:column;gap:1rem}.commission-item{align-items:center;background:linear-gradient(135def,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem}.commission-amount,.commission-rate{color:#059669;font-size:1.125rem;font-weight:700}.support-info{text-align:center}.support-info p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.support-actions{display:flex;flex-direction:column;gap:.75rem}.support-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.support-button:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-2px)}.support-button:active{transform:translateY(0)}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.spinner{border:3px solid #f1f5f9;height:3rem;margin-bottom:1rem;width:3rem}.loading-spinner p{color:#64748b;font-weight:500}.error-message{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:.75rem;color:#dc2626;display:flex;font-weight:500;gap:.75rem;margin:2rem 0;padding:1.5rem}@media (max-width:768px){.user-order-container{padding:1rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.title{font-size:1.5rem}.order-id{margin-left:0}.status-info{align-items:flex-start}.product-section,.status-info{flex-direction:column;gap:1rem}.product-image{height:200px;width:100%}.info-grid,.product-specs{grid-template-columns:1fr}.price-section{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.status-banner{padding:1.5rem}.card-content,.card-header{padding:1rem}}:root{--bg:#fff;--panel:#fff;--panel-2:#f8fafc;--text:#0b1220;--text-2:#475569;--border:#e5e7eb;--primary:#2563eb;--primary-2:#1e3a8a;--primary-soft:#2563eb29;--error:#dc2626;--success:#16a34a;--shadow-1:0 10px 25px #0206170f;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--gap-xs:.5rem;--gap-sm:.75rem;--gap:1rem;--gap-lg:1.25rem;--gap-xl:1.75rem;--gap-2xl:2.5rem;--outline:0 0 0 3px var(--primary-soft)}.addr-page{background:radial-gradient(1200px 800px at 10% -10%,#2563eb12,#0000 40%),radial-gradient(800px 600px at 110% 10%,#16a34a0d,#0000 45%),#fff;background:radial-gradient(1200px 800px at 10% -10%,#2563eb12,#0000 40%),radial-gradient(800px 600px at 110% 10%,#16a34a0d,#0000 45%),var(--bg);min-height:100vh;padding:2.5rem 0;padding:var(--gap-2xl) 0}.addr-container{margin:0 auto;max-width:1160px;padding:0 1rem;padding:0 var(--gap)}.addr-header{align-items:center;display:flex;gap:1rem;gap:var(--gap);justify-content:space-between;margin-bottom:2.5rem;margin-bottom:var(--gap-2xl)}.addr-title{color:#0b1220;color:var(--text);font-size:clamp(1.6rem,2.2vw,2rem);letter-spacing:.2px;line-height:1.1;margin:0 0 .25rem}.addr-subtitle{color:#475569;color:var(--text-2);margin:0}.addr-grid{grid-gap:1.25rem;grid-gap:var(--gap-lg);display:grid;gap:1.25rem;gap:var(--gap-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.addr-card{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0206170f;box-shadow:var(--shadow-1);padding:1.75rem;padding:var(--gap-xl);position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.addr-card:hover{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#2563eb59;box-shadow:0 18px 40px #02061714;transform:translateY(-2px)}.addr-badge{background:#2563eb;background:var(--primary);border-radius:0 0 10px 10px;border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.2px;padding:.35rem .6rem;position:absolute;right:18px;top:-1px}.addr-card.is-default{border-color:#2563eb80;box-shadow:0 20px 45px #2563eb1f,0 10px 25px #0206170f;box-shadow:0 20px 45px #2563eb1f,var(--shadow-1)}.addr-card-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--gap)}.addr-type{align-items:center;color:#1e3a8a;color:var(--primary-2);display:flex;font-weight:700;gap:.55rem}.addr-actions{display:flex;gap:.35rem}.icon-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#475569;color:var(--text-2);cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.icon-btn:hover{background:#eef2ff;border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--outline);color:#1e3a8a;color:var(--primary-2)}.icon-btn.danger:hover{background:#fee2e2;border-color:#dc262666;box-shadow:0 0 0 3px #dc26261f;color:#991b1b}.addr-content{line-height:1.6}.addr-name{color:#0b1220;color:var(--text);font-size:1.05rem;margin:0 0 .35rem}.addr-line{color:#475569;color:var(--text-2);margin:0 0 .25rem}.addr-contact{grid-gap:.4rem;border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border);display:grid;gap:.4rem;margin-top:.75rem;padding-top:.75rem}.addr-contact-item{align-items:center;color:#475569;color:var(--text-2);display:inline-flex;font-size:.92rem;gap:.45rem}.addr-empty{background:linear-gradient(180deg,#fff,#f8fafc);border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:18px;border-radius:var(--radius-lg);padding:2.2rem 1rem;text-align:center}.addr-empty-icon{background:#f3f4f6;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:50%;color:#475569;color:var(--text-2);display:grid;height:86px;margin:0 auto 1rem;place-items:center;width:86px}.addr-empty-title{color:#0b1220;color:var(--text);margin:0 0 .35rem}.addr-empty-desc{color:#475569;color:var(--text-2);margin:0 0 1rem}.addr-skeleton-grid{grid-gap:1.25rem;grid-gap:var(--gap-lg);display:grid;gap:1.25rem;gap:var(--gap-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.addr-skeleton-card{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);height:190px}@keyframes shimmer{0%{background-position:0 0}to{background-position:-135% 0}}.addr-modal-overlay{animation:fadeIn .18s ease;background:#0f172a73;display:grid;inset:0;padding:1rem;padding:var(--gap);place-items:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.addr-modal{animation:slideUp .18s ease;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 70px #02061726;max-height:90vh;max-width:680px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:.98;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.addr-modal-header{align-items:center;background:#02061705;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.1rem 1.25rem}.addr-modal-header h2{color:#0b1220;color:var(--text);font-size:1.15rem;letter-spacing:.2px;margin:0}.addr-close{-webkit-appearance:none;appearance:none;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#475569;color:var(--text-2);cursor:pointer;height:36px;transition:all .15s ease;width:36px}.addr-close:hover{background:#eef2ff;border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--outline);color:#1e3a8a;color:var(--primary-2)}.addr-form{display:flex;flex-direction:column;gap:1.75rem;gap:var(--gap-xl);max-height:calc(90vh - 64px);overflow:auto;padding:1.1rem 1.25rem 1.25rem}.addr-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:1rem}.addr-section-title{align-items:center;color:#1e3a8a;color:var(--primary-2);display:inline-flex;font-weight:700;gap:.5rem;margin-bottom:.6rem}.addr-row{grid-gap:1rem;grid-gap:var(--gap);display:grid;gap:1rem;gap:var(--gap);grid-template-columns:1fr 1fr}@media (max-width:640px){.addr-row{grid-template-columns:1fr}}.addr-field{display:flex;flex-direction:column;gap:.4rem}.addr-label{color:#0b1220;color:var(--text);font-size:.9rem;font-weight:700}.addr-label.required:after{color:#ef4444;content:" *"}.addr-input,.addr-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;color:#0b1220;color:var(--text);height:44px;outline:none;padding:0 .85rem;transition:all .15s ease}.addr-input::placeholder{color:#94a3b8}.addr-input:focus,.addr-select:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb29;box-shadow:var(--outline)}.addr-input[type=email],.addr-input[type=tel],.addr-input[type=text]{font-size:.98rem}.addr-checkbox{align-items:center;background:#fafafa;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:12px;color:#475569;color:var(--text-2);display:flex;gap:.6rem;padding:.85rem 1rem}.addr-form-actions{background:#0000;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:.6rem;justify-content:flex-end;padding-top:.6rem}.spin{animation:spin 1s linear infinite;display:inline-block}.create-user{background:#f8fafc;min-height:100vh;padding:24px}.create-user-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.create-user-header h2{color:#1a202c;font-size:28px;font-weight:600;margin:0}.create-user-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:800px;padding:32px}.create-user-form{display:flex;flex-direction:column;gap:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}@media (max-width:640px){.create-user{padding:16px}.create-user-header{align-items:flex-start;flex-direction:column;gap:16px}.create-user-form-container{padding:24px 16px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.edit-user{background:#f8fafc;min-height:100vh;padding:24px}.edit-user-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.edit-user-header h2{color:#1a202c;font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;gap:12px}.edit-user-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:800px;padding:32px}.edit-user-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.checkbox-group{align-items:center;flex-direction:row;gap:12px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;position:relative}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkmark{border:2px solid #d1d5db;border-radius:4px;height:18px;position:relative;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none}.btn-secondary{border:1px solid #d1d5db}.btn-secondary:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-danger:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.loading-container p{color:#6b7280;font-size:16px;margin:0}.password-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.password-section h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.section-description{font-size:14px;line-height:1.5;margin:0 0 24px}.password-form{display:flex;flex-direction:column;gap:24px}@media (max-width:640px){.edit-user{padding:16px}.edit-user-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:space-between;width:100%}.edit-user-form-container{padding:24px 16px}.form-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}}.form-group small{color:#718096;font-size:12px;margin-top:4px}.field-hint{color:#64748b;display:block;font-size:13px;font-style:italic;margin-top:6px}.partner-permissions{background-color:#f8fafc;min-height:100vh;padding:2rem}.permissions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.permissions-header h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.permissions-header p{color:#6b7280;font-size:.875rem;margin:0}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#f3f4f6;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.alert{border-radius:.5rem;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert,.alert button{align-items:center;display:flex}.alert button{background:none;border:none;border-radius:.25rem;cursor:pointer;margin-left:auto;padding:.25rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-error button:hover{background:#fee2e2}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-success button:hover{background:#dcfce7}.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 1rem;width:48px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;position:relative;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.template-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.template-info{flex:1 1;min-width:0}.template-info h3{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.template-info p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.template-stats{border-bottom:1px solid #e5e7eb;display:flex;gap:2rem;margin-bottom:1rem;padding-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat strong{color:#1f2937;font-size:1.5rem;font-weight:700}.stat span{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.template-actions{display:flex;gap:.5rem}.btn-icon{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.btn-icon:hover{background:#f9fafb;border-color:#d1d5db}.btn-edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-delete:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.empty-state{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{color:#6b7280;margin:.5rem 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.btn-close:hover{background:#f3f4f6}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:.75rem;justify-content:flex-end;position:-webkit-sticky;position:sticky;z-index:10}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 .5rem}.section-description{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.permission-category{margin-bottom:1.5rem}.permission-category h4{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.permission-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checkbox-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a;transform:translateY(-1px)}.checkbox-item.checked{background:#eff6ff;border-color:#3b82f6}.checkbox-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;transition:transform .2s}.checkbox-item:hover .checkbox-icon{transform:scale(1.1)}.checkbox-text{flex:1 1;font-weight:500;line-height:1.4}.feature-toggles{display:flex;flex-direction:column;gap:.75rem}.toggle-label{align-items:center;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.toggle-label:hover{background:#f8fafc;border-color:#3b82f6}.toggle-label input[type=checkbox]{display:none}.toggle-switch{background:#d1d5db;border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:#3b82f6}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translateX(20px)}.toggle-text{color:#374151;font-size:.875rem;font-weight:500}@media (max-width:768px){.partner-permissions{padding:1rem}.permissions-header{align-items:flex-start;flex-direction:column}.permissions-header h1{font-size:1.5rem}.form-row,.permission-checkboxes,.templates-grid{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh;max-width:100%}}.modal-content::-webkit-scrollbar,.permission-checkboxes::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.permission-checkboxes::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb,.permission-checkboxes::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.permission-checkboxes::-webkit-scrollbar-thumb:hover{background:#94a3b8}
/*# sourceMappingURL=main.e8158487.css.map*/