.cart-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s cubic-bezier(0,0,.2,1)}.cart-icon-container:hover{background-color:#e53e3e1a}.cart-icon-container:focus-visible{outline:2px solid #E53E3E;outline-offset:2px}.cart-icon-container:active{transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.6,1)}.cart-icon{width:24px;height:24px;color:#a0aec0;transition:color .15s cubic-bezier(0,0,.2,1)}.cart-icon-container:hover .cart-icon{color:#e53e3e}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background-color:#e53e3e;color:#fff;font-size:11px;font-weight:600;line-height:1;border-radius:10px;box-shadow:0 2px 4px #0000004d}@keyframes badge-update{0%{transform:scale(1);box-shadow:0 2px 4px #0000004d}30%{transform:scale(1.2);box-shadow:0 0 0 4px #e53e3e4d}70%{transform:scale(1.2);box-shadow:0 0 0 4px #e53e3e4d}to{transform:scale(1);box-shadow:0 2px 4px #0000004d}}.cart-badge.updating{animation:badge-update .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.cart-icon-container{min-width:44px;min-height:44px}.cart-badge{top:-2px;right:-2px}}@media (prefers-reduced-motion: reduce){.cart-icon-container,.cart-icon,.cart-badge{transition:none}.cart-badge.updating{animation:none}.cart-icon-container:active{transform:none}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1002}.mobile-menu-toggle .bar{display:block;width:28px;height:3px;background-color:#fff;margin:6px 0;transition:.3s}.mobile-menu-toggle.open .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.open .bar:nth-child(2){opacity:0}.mobile-menu-toggle.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-header{background-color:#1a202c;padding:20px 32px;border-bottom:1px solid #4A5568;transition:padding .3s ease}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.site-header .logo{display:flex;align-items:center;border:none!important;padding:0!important;background:none!important}.site-header .logo-image{height:96px;width:auto;max-width:360px;border:none!important;transition:height .3s ease}.main-nav a{color:#a0aec0;margin:0 18px;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease-in-out}.main-nav a.hidden-link{display:none}.cart-icon-wrapper{display:flex;align-items:center;margin:0 8px}.mobile-cart-icon{display:none}@media (max-width: 768px){.site-header{position:relative;padding:16px 20px}.site-header .logo-image{height:72px;max-width:260px}@media (max-width: 380px){.site-header .logo-image{height:64px;max-width:220px}}.main-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#2d3748;padding:16px 0;border-top:1px solid #4A5568;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f;z-index:1000}.main-nav.open{display:flex}.main-nav a{margin:0;padding:12px 32px;width:100%;text-align:left;border-bottom:1px solid #4A5568}.main-nav a:last-child{border-bottom:none}.main-nav .cart-icon-wrapper{display:none}.mobile-cart-icon{display:flex;position:absolute;right:56px;top:50%;transform:translateY(-50%);z-index:1002}.mobile-menu-toggle{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%)}}@media (min-width: 481px) and (max-width: 768px){.site-header .logo-image{height:72px;max-width:260px}}@media (min-width: 769px){.main-nav{display:flex;flex-direction:row;position:static;background-color:transparent;padding:0;border-top:none;box-shadow:none}.main-nav a{margin:0 16px;padding:0;width:auto;text-align:left;border-bottom:none}.mobile-menu-toggle{display:none!important;position:static}.main-nav .my-account-link-nav{margin-left:20px;padding:10px 20px;border:1px solid #E53E3E;color:#e53e3e;background-color:transparent;border-radius:8px;font-weight:500;font-size:15px;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease}.main-nav .my-account-link-nav:hover{background-color:#e53e3e1a;color:#e53e3e;transform:translateY(-1px)}}.site-footer .logo{display:inline-block;margin-bottom:16px}.site-footer .logo-image{height:60px;width:auto}.site-footer p{color:#a0aec0;font-size:14px;margin-bottom:12px}.footer-legal-links{margin-top:8px}.footer-legal-links a{color:#a0aec0;font-size:13px;text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:#e53e3e}.footer-legal-links .link-separator{color:#718096;margin:0 12px;font-size:13px}.confirmation-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-modal{background:#2d3748;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #4A5568}.confirmation-modal-title{color:#fff;font-size:20px;font-weight:600;margin:0;font-family:Inter,sans-serif}.confirmation-modal-close{background:none;border:none;color:#a0aec0;font-size:24px;line-height:1;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.confirmation-modal-close:hover{background-color:#e53e3e1a;color:#e53e3e}.confirmation-modal-body{padding:16px 24px 24px}.confirmation-modal-message{color:#fff;font-size:16px;line-height:1.5;margin:0;font-family:Inter,sans-serif}.confirmation-modal-footer{display:flex;gap:12px;padding:0 24px 24px;justify-content:flex-end}.confirmation-modal-btn{padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.confirmation-modal-btn-cancel{background-color:transparent;color:#a0aec0;border:1px solid #4A5568}.confirmation-modal-btn-cancel:hover{background-color:#4a5568;color:#fff}.confirmation-modal-btn-confirm{background-color:#e53e3e;color:#fff}.confirmation-modal-btn-confirm:hover{background-color:#c53030}.confirmation-modal-btn-confirm:focus,.confirmation-modal-btn-cancel:focus{outline:2px solid #E53E3E;outline-offset:2px}.confirmation-modal-backdrop:focus{outline:none}@media (max-width: 640px){.confirmation-modal{margin:16px;width:calc(100% - 32px)}.confirmation-modal-header,.confirmation-modal-body,.confirmation-modal-footer{padding-left:16px;padding-right:16px}.confirmation-modal-footer{flex-direction:column-reverse}.confirmation-modal-btn{width:100%}}.sample-branding-bar{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:2px solid #E53E3E;box-shadow:0 2px 4px #0003;position:sticky;top:0;z-index:100;width:100%}.sample-branding-content{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.sample-business-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sample-lock-icon{font-size:18px;filter:grayscale(1)}.sample-business-name{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}.sample-status-text{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#a0aec0;background:#e53e3e1a;padding:4px 12px;border-radius:12px;border:1px solid rgba(229,62,62,.3)}.start-fresh-btn{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#e53e3e;background:transparent;border:1px solid #E53E3E;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.start-fresh-btn:hover{background:#e53e3e1a;border-color:#c53030;color:#c53030;transform:translateY(-1px)}.start-fresh-btn:active{transform:translateY(0);background:#e53e3e33}.start-fresh-btn:focus{outline:none;box-shadow:0 0 0 3px #e53e3e4d}@media (max-width: 576px){.sample-branding-content{padding:12px 16px;gap:12px}.sample-business-name{font-size:16px}.sample-status-text{font-size:12px;padding:3px 8px}.start-fresh-btn{font-size:13px;padding:6px 12px}.sample-branding-content{flex-direction:column;align-items:flex-start}.sample-business-info{align-self:stretch;justify-content:center}}.sample-branding-bar+*{margin-top:0}@media print{.sample-branding-bar{display:none}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;padding-bottom:2rem}@media (max-width: 768px){.main-content{padding-left:0;padding-right:0;padding-bottom:1rem}}.homepage-main-content{padding:0;color:#fff;background-color:#1a202c}.site-header{background-color:#1a202c;padding:16px 32px;border-bottom:1px solid #4A5568}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header .logo{font-size:24px;font-weight:700;color:#e53e3e;border:2px solid #E53E3E;padding:4px 8px}.main-nav a{color:#a0aec0;margin:0 16px;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.main-nav a:hover,.main-nav a.active{color:#fff}.my-account-btn{font-size:14px;padding:8px 16px}.hero-section{width:100%;min-height:60vh;padding:48px 24px;background-image:url(/images/hero-background-new.png);background-size:cover;background-position:center center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero-content{position:relative;z-index:2;max-width:700px;padding:20px}.hero-content h1{font-size:48px;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.2;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.hero-subtitle{font-size:20px;color:#e2e8f0;margin-bottom:32px;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-cta-buttons .btn{margin:8px}.hero-cta-buttons .btn-primary{padding:14px 28px;font-size:17px}.how-it-works-section{background-color:#2d3748;padding:80px 0}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 32px;text-align:center}.how-it-works-section h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{font-size:18px;color:#a0aec0;margin-bottom:64px;font-weight:400}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}.process-step:nth-child(5){grid-column:1 / -1;max-width:400px;margin:0 auto}.process-step{background:#1a202c;border:1px solid #4A5568;border-radius:16px;padding:32px 24px;text-align:center;position:relative}.process-step:after{content:"→";position:absolute;top:50%;right:-36px;transform:translateY(-50%);font-size:32px;color:#e53e3e;font-weight:700}.process-step:nth-child(5):after{display:none}.step-number{display:block;font-size:48px;color:#e53e3e;font-weight:700;margin-bottom:24px;line-height:1}.process-step h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px;line-height:1.3}.process-step p{font-size:15px;color:#a0aec0;line-height:1.6;margin:0}@media (max-width: 768px){.how-it-works-section{padding:60px 0}.how-it-works-container{padding:0 20px}.how-it-works-section h2{font-size:28px}.section-subtitle{font-size:16px;margin-bottom:48px}.process-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.process-step:nth-child(5){grid-column:auto;max-width:none;margin:0}.process-step{padding:24px 20px}.process-step:after{content:"↓";top:auto;bottom:-36px;right:50%;transform:translate(50%);font-size:32px}.step-number{font-size:40px;margin-bottom:20px}.process-step h3{font-size:18px}.process-step p{font-size:14px}}.featured-products-section{background-color:#1a202c;text-align:center;padding:48px 32px}.featured-products-section h2{font-size:24px;font-weight:700;margin-bottom:32px;color:#fff;text-transform:uppercase}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1200px;margin:0 auto 32px}.product-card{background-color:#2d3748;border-radius:8px;padding:16px;text-align:center;position:relative;box-shadow:0 2px 4px #00000026}.product-image-placeholder{width:100%;height:180px;background-color:#4a5568;border-radius:4px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.product-card .tag{position:absolute;top:8px;left:8px;background-color:#e53e3e;color:#fff;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px}.product-card p{font-weight:500;color:#fff}.view-all-btn{margin-top:16px}.sample-code-section{background-color:#2d3748;text-align:center;padding:48px 32px;margin-top:48px}.sample-code-section h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}.sample-code-subtitle{margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.sample-code-form{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:500px;margin:0 auto}.sample-code-input-container{display:flex;justify-content:center;align-items:center;gap:16px;width:100%}.sample-code-input{flex-grow:1;padding:12px 16px;border-radius:4px;border:1px solid #4A5568;background-color:#1a202c;color:#fff;font-size:16px}.sample-code-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e4d}.submit-code-btn{white-space:nowrap}.submit-code-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#4a5568}.sample-code-error{color:#e53e3e;font-size:14px;margin:0;text-align:center;font-weight:500}.customer-showcase-section{background-color:#1a202c;padding:64px 32px;text-align:center}.showcase-container{max-width:1200px;margin:0 auto}.customer-showcase-section h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px}.customer-showcase-section .section-subtitle{font-size:18px;color:#a0aec0;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.designs-carousel{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.designs-track{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:nowrap}.design-card{flex-shrink:0;transition:transform .2s ease-in-out;cursor:pointer;position:relative}.design-card:hover{transform:scale(1.05)}.design-card:after{content:"🔍 Click to enlarge";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;color:#a0aec0;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none}.design-card:hover:after{opacity:1}.design-image-container{width:100px;height:100px;background-color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f;transition:box-shadow .2s ease-in-out}.design-card:hover .design-image-container{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.design-image{max-width:100%;max-height:100%;object-fit:contain;filter:contrast(1.1)}@media (max-width: 768px){.customer-showcase-section{padding:48px 8px}.designs-carousel{padding:0 8px}.designs-track{gap:12px;flex-wrap:wrap;max-height:174px;overflow:hidden;justify-content:center;align-content:flex-start}.design-card{flex:0 0 auto}.design-image-container{width:75px;height:75px;padding:8px}.customer-showcase-section h2{font-size:28px}}@media (max-width: 480px){.designs-track{max-height:65px;gap:8px}.design-image-container{width:65px;height:65px;padding:6px}}.featured-hats-section{background-color:#2d3748;padding:64px 32px;text-align:center}.featured-hats-container{max-width:1200px;margin:0 auto}.featured-hats-section h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px}.featured-hats-section .section-subtitle{font-size:18px;color:#a0aec0;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.hats-gallery{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.hats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;justify-items:center;align-items:center}.hat-card{position:relative;transition:transform .3s ease;cursor:pointer;max-width:160px}.hat-card:hover{transform:translateY(-4px)}.hat-card:after{content:"🔍 Click to enlarge";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;color:#a0aec0;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none}.hat-card:hover:after{opacity:1}.hat-image-container{position:relative;width:140px;height:140px;background-color:#1a202c;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;overflow:hidden}.hat-card:hover .hat-image-container{box-shadow:0 8px 25px #0006;border:2px solid #E53E3E}.hat-image{max-width:100%;max-height:100%;object-fit:cover;border-radius:12px;transition:transform .3s ease}.hat-card:hover .hat-image{transform:scale(1.03)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;cursor:pointer}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.modal-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:5px 10px;transition:color .3s ease;z-index:1001}.modal-close-btn:hover{color:#e53e3e}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.modal-image-design{background-color:#fff;padding:20px;border-radius:12px}@media (max-width: 768px){.featured-hats-section{padding:48px 16px}.hats-gallery{padding:0 8px}.hats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.hat-card{max-width:130px}.hat-image-container{width:120px;height:120px;padding:6px}.hat-card:after{font-size:11px;bottom:-18px}.featured-hats-section h2{font-size:28px}.featured-hats-section .section-subtitle{font-size:16px;margin-bottom:32px}.modal-close-btn{top:-35px;font-size:25px}.image-modal-overlay,.modal-image-design{padding:15px}}@media (max-width: 480px){.hats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hat-card{max-width:110px}.hat-image-container{width:100px;height:100px;padding:5px}.hat-card:after{font-size:10px;bottom:-16px}.featured-hats-section h2{font-size:24px}.modal-close-btn{top:-30px;font-size:22px}.image-modal-overlay,.modal-image-design{padding:10px}}.testimonials-section{background-color:#1a202c;text-align:center;padding:48px 32px;display:none}.testimonials-section h2{font-size:24px;font-weight:700;margin-bottom:32px;color:#fff;text-transform:uppercase}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto 32px}.testimonial-card{background-color:#2d3748;padding:24px;border-radius:8px;text-align:left;box-shadow:0 2px 4px #00000026}.testimonial-quote-mark{font-size:48px;color:#e53e3e;line-height:1;margin-bottom:8px}.testimonial-text{font-size:16px;color:#a0aec0;margin-bottom:16px;font-style:italic}.testimonial-client{font-weight:600;color:#fff}.client-logos-btn{margin-top:16px}.site-footer{background-color:#1a202c;padding:32px;border-top:1px solid #4A5568;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.site-footer p{color:#a0aec0;font-size:14px}.btn{padding:10px 20px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent}.btn-primary{background-color:#e53e3e!important;color:#fff!important;border-color:#e53e3e!important}.btn-primary:hover{background-color:#c53030;border-color:#c53030}.btn-secondary{background-color:transparent;color:#e53e3e;border:2px solid #E53E3E}.btn-secondary:hover{background-color:#e53e3e1a;color:#fff}.btn-outline{background-color:transparent;color:#a0aec0;border:2px solid #4A5568}.btn-outline:hover{background-color:#e53e3e1a;color:#e53e3e;border-color:#e53e3e}@media (max-width: 992px){.hero-section{flex-direction:column;text-align:center}.hero-content{max-width:100%;margin-bottom:32px}.hero-image-placeholder{width:100%;max-width:400px}.main-nav{display:none}}@media (max-width: 768px){.steps-container,.products-grid,.testimonials-grid{grid-template-columns:1fr}.step{flex-basis:100%}.sample-code-form{flex-direction:column;gap:16px}.sample-code-input,.submit-code-btn{width:100%}}@media (max-width: 768px){.hero-section{background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:40vh}}@media (max-width: 576px){.site-header{padding:16px}.site-header .logo{font-size:20px}.hero-section{background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:35vh}.hero-content h1{font-size:28px}.hero-subtitle{font-size:16px}.hero-cta-buttons .btn{display:block;width:100%;margin:0 0 16px}.hero-cta-buttons .btn:last-child{margin-bottom:0}}.step-indicator-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#1a202c;margin-bottom:1rem;width:100%;box-sizing:border-box;gap:.5rem;min-height:60px}.step-indicator-nav-bar.no-next-button{justify-content:flex-start}.step-indicator-nav-bar.no-next-button .step-indicator{flex:1;display:flex;justify-content:center}.step-indicator-nav-bar.no-next-button .mobile-steps{text-align:center}.step-indicator-nav-bar.no-next-button .desktop-steps{justify-content:center}.mobile-steps{display:block!important;text-align:center;flex:1 1 auto;color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.desktop-steps{display:none!important}.back-btn,.next-step-btn{padding:.5rem .6rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.8rem!important;white-space:nowrap;flex-shrink:0;min-width:70px;max-width:95px}.back-btn{background-color:#2d3748;color:#fff;border:1px solid #4A5568}.back-btn:hover{background-color:#4a5568}.next-step-btn{background-color:#e53e3e;color:#fff;border:none}.next-step-btn:hover{background-color:#c53030}.next-step-btn:disabled{background-color:#718096;cursor:not-allowed}@media (min-width: 768px){.step-indicator-nav-bar{padding:1rem;gap:1rem}.desktop-steps{display:flex!important;gap:1.5rem;font-size:1rem;font-weight:500}.step-indicator-nav-bar.no-next-button .desktop-steps{justify-content:center;flex:1}.desktop-steps span{color:#718096!important;position:relative;padding:0 .25rem;white-space:nowrap}.desktop-steps span.active{color:#4299e1!important;font-weight:600!important}.desktop-steps span.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:#4299e1}.mobile-steps{display:none!important}.back-btn,.next-step-btn{padding:.5rem 1rem;font-size:1rem;min-width:90px;max-width:120px}}@media (min-width: 1024px){.desktop-steps{gap:2rem}.step-indicator-nav-bar{padding:1.25rem}}@media (max-width: 480px){.step-indicator-nav-bar{padding:.5rem;gap:.25rem;flex-wrap:nowrap}.back-btn,.next-step-btn{padding:.4rem .5rem;font-size:.65rem!important;min-width:60px}.mobile-steps{font-size:.8rem!important;flex:1 1 auto;min-width:0;overflow:visible}}.order-bottom-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#1a1a1a;border-top:1px solid #333;z-index:1000}.progress-bar-container{display:flex;flex-direction:column;padding:15px;max-width:1400px;margin:0 auto;position:relative}@media (max-width: 576px){.progress-bar-container{padding:4px 15px 0}}.tier-bar-info{display:flex;flex-wrap:wrap;align-items:center;gap:5px;justify-content:center;margin-bottom:10px}.cart-total-items,.cart-total-price,.cart-savings{font-size:1rem;margin:0 5px}.cart-savings{color:#ffc107}.tier-bar-perks{display:flex;gap:10px;margin:0 auto 10px;justify-content:center;align-items:center;width:100%;max-width:100%;position:relative;z-index:1}.perk-item{position:relative;border:1px solid #444;border-radius:8px;padding:10px;min-width:120px;text-align:center;font-size:.85rem;background-color:#2a2a2a;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.perk-item.achieved{border-color:#28a745;background-color:#28a74533}.progress-indicator{position:absolute;bottom:0;left:0;height:3px;background-color:#ffc107}.bottom-back-btn,.bottom-next-btn{padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .2s ease;position:absolute;bottom:15px;z-index:10}.bottom-back-btn{background-color:transparent;border:1px solid #ccc;color:#fff;left:15px}.bottom-back-btn:hover{background-color:#ffffff1a}.bottom-next-btn{background-color:#d9534f;border:none;color:#fff;right:15px}.bottom-next-btn:hover{background-color:#c9302c}.bottom-next-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width: 992px){.progress-bar-container{padding-bottom:60px;gap:10px}.tier-bar-info,.tier-bar-perks{width:100%;justify-content:center}.bottom-back-btn,.bottom-next-btn{width:45%;max-width:200px;bottom:15px}.tier-bar-perks{flex-wrap:wrap}.perk-item{min-width:unset;flex:1;min-width:95px}}@media (max-width: 768px){button.obb-info-btn{width:16px;height:16px;font-size:11px}.obb-tooltip{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:90vw;max-width:350px}.obb-tooltip-content{width:100%;min-width:unset;max-width:unset;box-shadow:0 10px 40px #0009}}@media (max-width: 576px){.tier-bar-info{flex-direction:column;gap:8px;padding:8px 12px;align-items:center}.tier-bar-info .cart-total-items,.tier-bar-info .obb-total-display{display:flex;align-items:center;font-size:.875rem;font-weight:600}.tier-bar-info .cart-total-items{order:1}.tier-bar-info .obb-total-display{order:2}.tier-bar-info .cart-total-items,.tier-bar-info .obb-total-display{width:auto;margin:0}.tier-bar-info .cart-savings{order:3;font-size:.8125rem;text-align:center;margin:0;color:#ffc107;font-weight:500;width:100%}.tier-bar-info:before{content:"";order:2.5;width:100%;height:1px;background:#ffffff1a;margin:4px 0}.tier-bar-info{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2px;padding:6px 12px 3px;align-items:center;justify-items:center;margin-bottom:0}.tier-bar-info .cart-total-items{grid-column:1;grid-row:1;justify-self:start;font-size:.875rem;font-weight:600;margin:0}.tier-bar-info .obb-total-display{grid-column:2;grid-row:1;justify-self:end;font-size:.875rem;font-weight:600;margin:0}.tier-bar-info .cart-savings{grid-column:1 / -1;grid-row:2;justify-self:center;font-size:.8125rem;text-align:center;margin:0;color:#ffc107;font-weight:500;padding-top:1px;padding-bottom:0;border-top:1px solid rgba(255,255,255,.1)}.tier-bar-perks{margin-top:0;margin-bottom:2px}.perk-item{height:56px;padding:10px 8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;min-width:90px;line-height:1.2}.bottom-back-btn,.bottom-next-btn{height:44px;padding:10px 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}}button.obb-info-btn{width:18px!important;height:18px!important;border-radius:50%!important;background-color:#ffffff4d!important;color:#fff!important;border:2px solid #FFFFFF!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;margin:0!important;vertical-align:middle!important;opacity:1!important;visibility:visible!important}button.obb-info-btn:hover{background-color:#ffffff80!important;border-color:#fff!important;transform:scale(1.1)!important}.perk-item.achieved button.obb-info-btn{background-color:#fff6!important;border-color:#fffc!important}.obb-tooltip{z-index:1050;animation:fadeIn .2s ease;pointer-events:auto}.obb-tooltip-content{background-color:#2d3748;color:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 20px #0006;border:1px solid #4A5568;min-width:250px;max-width:300px;position:relative}@media (min-width: 769px){.obb-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#2d3748}}.obb-tooltip-close{position:absolute;top:5px;right:5px;background:none;border:none;color:#a0aec0;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.obb-tooltip-close:hover{color:#fff}.obb-tooltip-content h4{margin:0 0 8px;font-size:16px;color:#4fd1c5;padding-right:20px}.obb-tooltip-content p{margin:0 0 10px;font-size:14px;line-height:1.4;color:#e2e8f0}.obb-tooltip-savings{display:inline-block;background-color:#38a169;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pricing-grid{width:100%;margin:15px 0 20px;background-color:#fff;border-radius:4px;overflow:hidden}.pricing-table{width:100%;border-collapse:collapse;table-layout:fixed}.pricing-header-row th{padding:12px 4px;text-align:center;font-size:16px;font-weight:700;background-color:#f9fafb;border-bottom:1px solid #E5E7EB}.pricing-label-cell:first-child{width:100px}.pricing-data-row td{padding:12px 4px;text-align:center;font-weight:700;font-size:16px}.pricing-label-cell.label-price{background-color:#f5f7f9;color:#495057;text-align:center;font-weight:700;text-transform:uppercase;font-size:16px;padding:12px 4px;border-right:1px solid #E5E7EB}.pricing-quantity-cell.active-tier,.pricing-price-cell.active-tier:not(.label-price){background-color:#007bff!important;color:#fff!important;font-weight:700!important}.pricing-savings-note{margin-top:10px;font-size:13px;color:#6b7280;text-align:center}@media (max-width: 768px){.pricing-header-row th,.pricing-data-row td{padding:10px 2px;font-size:14px}.pricing-label-cell.label-price{font-size:14px}}.hat-selection-page-dark{background-color:#1a202c;color:#e2e8f0;min-height:100vh;display:flex;flex-direction:column}.hsp-main-content{flex-grow:1;padding:2rem;padding-bottom:200px;overflow-y:auto;max-width:1200px;margin:0 auto;width:100%}.hsp-top-bar{display:flex;justify-content:space-between;align-items:center;background-color:#2d3748;padding:10px 20px;border-radius:8px;margin-top:20px;margin-bottom:30px;position:sticky;top:0;z-index:90;min-height:50px;position:relative}.hsp-step-indicator{display:flex;align-items:center;gap:5px;justify-content:center}.hsp-step-indicator span{color:#a0aec0;padding:6px 10px;font-size:14px;border-radius:4px}.hsp-step-indicator span.active{color:#fff;background-color:#007bff;font-weight:700}.hsp-step-indicator.mobile-steps{display:none}.hsp-decoration-display{color:#fff;background-color:#28a745;padding:8px 15px;border-radius:4px;font-weight:700;font-size:14px;margin:0 15px}.hsp-next-step-btn{background-color:#e53e3e;color:#fff;border:none;padding:8px 20px;font-size:14px;font-weight:700;border-radius:4px}.hsp-next-step-btn:hover{background-color:#c53030}.hsp-navigation-buttons{display:flex;align-items:center}.hsp-back-btn{background-color:#4a5568;color:#fff;border:none;padding:6px 15px;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.hsp-back-btn:hover{background-color:#718096}.hsp-next-step-btn{background-color:#e53e3e;color:#fff;border:none;padding:6px 15px;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.hsp-next-step-btn:hover{background-color:#f05252}@media (max-width: 768px){.hsp-top-bar{padding-left:10px;padding-right:10px}.hsp-step-indicator.desktop-steps{display:none}.hsp-step-indicator.mobile-steps{display:block;flex-grow:1;text-align:center;color:#fff;font-size:13px;font-weight:500;margin:0 5px}.hsp-back-btn,.hsp-next-step-btn{padding:6px 10px;font-size:13px;white-space:nowrap}.hsp-step-indicator.mobile-steps span{display:inline-block;max-width:100%}}.hsp-bottom-back-btn,.hsp-bottom-next-btn{padding:8px 20px;font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease;position:absolute;top:50%;transform:translateY(-50%)}.hsp-bottom-back-btn{background-color:#4a5568;color:#fff;border:none;left:10px}.hsp-bottom-back-btn:hover{background-color:#718096}.hsp-bottom-next-btn{background-color:#e53e3e;color:#fff;border:none;right:10px}.hsp-bottom-next-btn:hover{background-color:#c53030}.hsp-brands-container{width:100%}.hsp-brand-section{background-color:#2d3748;border-radius:8px;margin-bottom:25px;padding:20px;box-shadow:0 2px 8px #0000004d}.hsp-brand-section-header{margin-bottom:8px;padding-bottom:5px}.hsp-brand-logo{height:45px;width:auto;max-width:250px;display:block;object-fit:contain;filter:brightness(1.1);image-rendering:auto}.hsp-brand-logo.richardson-logo{height:65px;max-width:350px}.hsp-model-accordion{margin-bottom:2px;background-color:#4a5568;border-radius:6px;overflow:hidden;border:1px solid #2D3748;transition:all .2s ease}.hsp-model-accordion:hover{background-color:#5a6578;border-color:#4a5568}.hsp-model-accordion:last-child{margin-bottom:0}.hsp-accordion-header.model-header{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:16px 20px;background-color:transparent;border:none;text-align:left;color:inherit;cursor:pointer;transition:background-color .2s ease;gap:15px;min-height:100px}.hsp-accordion-header.model-header:hover{background-color:#ffffff0d}.hsp-model-thumbnail{width:100px;height:100px;object-fit:contain;object-position:center;border-radius:10px;border:2px solid #2D3748;background-color:#fff;flex-shrink:0;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hsp-model-thumbnail:hover{border-color:#4a5568}.hsp-model-name{font-size:18px;font-weight:600;color:#fff;margin:0;flex-grow:1;white-space:normal;overflow:visible;line-height:1.3;padding-right:10px}.hsp-accordion-icon{font-size:20px;font-weight:700;color:#a0aec0;margin-left:auto;transition:transform .2s ease,color .2s ease}.hsp-accordion-header[aria-expanded=true] .hsp-accordion-icon{transform:rotate(0);color:#fff}.hsp-accordion-header[aria-expanded=false] .hsp-accordion-icon{transform:rotate(0);color:#a0aec0}.hsp-model-main-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:10px 0;background-color:#2d3748;border-radius:8px}.hsp-model-main-image{max-width:450px;max-height:400px;width:100%;height:auto;object-fit:contain;border-radius:4px;background-color:#fff;padding:10px;image-rendering:auto}.hsp-color-selection-area{margin-top:20px}.hsp-color-selection-title{font-size:1.1em;font-weight:600;margin-bottom:15px;color:#fff}.hsp-color-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;align-items:stretch}.hsp-color-card{background-color:#2d3748;border:1px solid #4A5568;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%;min-height:320px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.hsp-color-card:hover{border-color:#718096}.hsp-color-card.has-quantity{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e66}.hsp-color-card.disabled{opacity:.6}.hsp-color-card-image{width:100%;height:220px;object-fit:contain;object-position:center;margin-bottom:8px;border-radius:4px;border:1px solid #4A5568;background-color:#fff;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hsp-color-card-name{font-weight:600;font-size:12px;color:#fff;margin-bottom:4px;min-height:2.4em;line-height:1.2em}.hsp-color-card-size{font-size:12px;color:#a0aec0;margin-bottom:12px}.hsp-color-card-quantity-control{display:flex;align-items:center;justify-content:center;margin-top:auto}.hsp-color-card .hsp-quantity-btn{background-color:#4a5568;color:#fff;border:none;width:28px;height:28px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease;line-height:28px;touch-action:manipulation}.hsp-color-card .hsp-quantity-btn:hover{background-color:#718096}.hsp-color-card .hsp-quantity-display{width:40px;text-align:center;font-size:14px;font-weight:500;color:#fff;background-color:#1a202c;border:1px solid #4A5568;border-radius:4px;padding:4px 0;margin:0 4px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.hsp-color-card .hsp-quantity-display::-webkit-outer-spin-button,.hsp-color-card .hsp-quantity-display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hsp-out-of-stock{color:#a0aec0;font-size:13px;margin-top:auto;padding:8px 0}@media (max-width: 768px){.hsp-top-bar{flex-wrap:wrap;justify-content:space-between;padding:10px;gap:10px}.hsp-step-indicator{flex-grow:1;text-align:center;font-size:12px;gap:3px}.hsp-step-indicator span{padding:4px 6px}.hsp-back-btn,.hsp-next-step-btn{padding:8px 12px;font-size:12px;text-align:center}.hsp-navigation-buttons{display:flex;justify-content:flex-end}.hsp-main-content{padding-left:0;padding-right:0;padding-bottom:140px}.hsp-brand-section{padding-left:0;padding-right:0;margin-bottom:0;border-bottom:1px solid #4A5568}.hsp-brand-section:last-child{border-bottom:none}.hsp-brand-section-header{padding:10px 8px;background-color:#2d3748;border-bottom:1px solid #4A5568}.hsp-model-accordion{background-color:#2d3748;border-top:1px solid #4A5568}.hsp-brand-section .hsp-model-accordion:first-of-type{border-top:none}.hsp-accordion-header.model-header{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:12px 15px;background-color:transparent;border:none;text-align:left;color:inherit;gap:12px}.hsp-model-thumbnail{width:70px;height:70px;object-fit:contain;object-position:center;border-radius:6px;border:1px solid #2D3748;background-color:#fff;flex-shrink:0;image-rendering:auto}.hsp-model-name{font-size:16px;font-weight:600;color:#fff;margin:0;flex-grow:1;white-space:normal;overflow:visible;line-height:1.3;padding-right:10px}.hsp-accordion-icon{font-size:18px;font-weight:700;color:#a0aec0;margin-left:auto}.hsp-accordion-content.model-detail-content{padding:16px 0;background-color:#fff}.hsp-color-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding-left:4px;padding-right:4px}.hsp-color-card{width:100%;min-width:unset;padding:12px}.hsp-color-card-image{width:100%;height:120px;margin-bottom:8px;object-fit:contain;background-color:#fff}.hsp-color-card-name{font-size:13px;min-height:2.2em}.hsp-color-card-size{font-size:11px;margin-bottom:8px}.hsp-color-selection-title{padding-left:0;font-size:1em;margin-bottom:10px}}.hsp-accordion-header.model-header{background-color:transparent;color:#e2e8f0;padding:10px 15px;width:100%;text-align:left;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;min-height:100px}.hsp-accordion-header.model-header:hover{background-color:#5a6578}.hsp-model-thumbnail{width:100px;height:100px;object-fit:contain;object-position:center;margin-right:15px;border-radius:10px;border:2px solid #2D3748;background-color:#fff;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hsp-accordion-icon{font-size:20px;font-weight:700;margin-left:10px}.hsp-accordion-content.model-detail-content{padding:20px;background-color:#fff;color:#1a202c;border-top:1px solid #718096}.hsp-model-image-large{display:block;max-width:300px;width:100%;height:auto;margin:0 auto 20px;border-radius:6px;background-color:#e2e8f0}.hsp-model-description{text-align:center;font-size:16px;color:#4a5568;margin-bottom:20px;background-color:#e9ecef;padding:10px;border-radius:4px}.hsp-color-quantity-selector-placeholder{margin-top:15px;padding:10px;background-color:#f8f9fa;border:1px dashed #CED4DA;border-radius:4px;text-align:center;color:#6c757d}.hsp-color-selection-area{margin-top:24px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:4px;border:1px solid #DEE2E6}.hsp-color-selection-title{font-size:16px;font-weight:700;color:#343a40;margin-bottom:10px}.hsp-color-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.hsp-color-card{background-color:#fff;border:2px solid #DEE2E6;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.hsp-color-card.has-quantity{border-color:#4fd1c5}.hsp-color-card.active{border-color:#007bff;box-shadow:0 0 8px #007bff80}.hsp-color-card.disabled{opacity:.6;background-color:#f8f9fa;cursor:not-allowed;border-color:#e9ecef}.hsp-color-card-image{width:100%;height:220px;object-fit:contain;object-position:center;margin-bottom:4px;border-radius:4px;border:1px solid #4A5568;background-color:#fff;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hsp-color-card-name{font-size:12px;font-weight:700;color:#343a40;margin-bottom:2px;min-height:1.3em;line-height:1.3em;overflow:hidden}.hsp-color-card-size{font-size:12px;color:#6c757d;margin-bottom:8px}.hsp-color-card-quantity-control{display:flex;align-items:center;justify-content:space-between;background-color:#4a5568;border-radius:8px;padding:5px 8px;width:100%;box-sizing:border-box;margin-top:auto}.hsp-color-card.active .hsp-color-card-quantity-control{background-color:#007bff}.hsp-quantity-btn{background-color:#fff3;color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.hsp-quantity-btn:hover{background-color:#ffffff4d}.hsp-quantity-btn:active{transform:scale(.95);background-color:#fff6}.hsp-quantity-display{font-size:18px;font-weight:700;color:#fff;margin:0 10px;background:transparent;border:none;width:40px;text-align:center;outline:none;padding:0}.hsp-out-of-stock{font-size:12px;color:#dc3545;font-weight:700;margin-top:10px;padding:5px;background-color:#f8d7da;border:1px solid #F5C6CB;border-radius:4px;width:calc(100% - 10px);box-sizing:border-box}.hsp-pricing-grid{background-color:#f8f9fa;border:1px solid #DEE2E6;border-radius:4px;padding:15px;margin-top:20px;color:#212529}.hsp-pricing-header-row,.hsp-pricing-data-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #E9ECEF}.hsp-pricing-data-row{align-items:center}.hsp-pricing-header-row:last-child,.hsp-pricing-data-row:last-child{border-bottom:none}.hsp-pricing-decoration-label{flex-basis:100px;font-weight:700;color:#495057;text-align:left;padding-right:10px}.hsp-pricing-decoration-label.patch-label{background-color:#007bff;color:#fff;padding:10px;border-radius:4px;text-align:center;font-size:14px;height:fit-content}.hsp-pricing-tier-quantity,.hsp-pricing-tier-price{flex:1;text-align:center;font-size:14px}.hsp-pricing-tier-quantity{font-weight:700;color:#495057}.hsp-pricing-grid .hsp-pricing-header-row .hsp-pricing-tier-quantity.active-tier,.hsp-pricing-grid .hsp-pricing-data-row .hsp-pricing-tier-price.active-tier{background-color:#007bff!important;color:#fff!important;font-weight:700!important;border-radius:4px!important;box-shadow:0 0 5px #007bff80!important;padding:8px 4px!important;position:relative;z-index:1;transform:scale(1.05);transition:all .2s ease}.hsp-pricing-tier-price{color:#212529;font-weight:700}.hsp-pricing-savings-note{margin-top:15px;font-size:12px;color:#6c757d;text-align:center;line-height:1.4}.hsp-live-quantity-tier-bar{color:#fff;padding:15px 0;display:flex;justify-content:center;align-items:center;font-weight:700;position:sticky;bottom:0;z-index:100;width:100%;background-color:#1a202c;box-shadow:0 -4px 10px #0003;border-top:1px solid #4A5568}.hsp-progress-bar-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:0 20px;position:relative}.hsp-tier-bar-info{font-size:1em;background-color:#e53e3e;padding:10px 20px;border-radius:8px 8px 0 0;margin-bottom:0;min-width:150px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hsp-cart-total-items,.hsp-cart-total-price,.hsp-cart-savings{display:inline-block;padding:0 5px;white-space:nowrap}.hsp-cart-total-price{font-weight:700}.hsp-cart-savings{font-style:italic;font-size:.95em;font-weight:700;letter-spacing:.5px}.hsp-tier-bar-perks{display:flex;gap:0;font-size:.85em;background-color:#2d3748;border-radius:0 0 8px 8px;overflow:hidden;width:100%;max-width:550px;border:2px solid #4A5568;border-top:none}.hsp-perk-item{color:#fff;padding:15px 0;flex:1;text-align:center;background-color:#4a5568;transition:all .3s ease;position:relative;border-right:2px solid #2D3748;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.hsp-perk-item:last-child{border-right:none}.hsp-perk-item:before{content:"";position:absolute;bottom:0;left:0;height:5px;background-color:#4fd1c5;width:0;transition:width .3s ease}.hsp-perk-item.achieved{color:#fff;background-color:#38a169;font-weight:700}.hsp-perk-item.achieved:before{width:100%}.hsp-progress-indicator{height:8px;background:linear-gradient(to right,#4fd1c5,#38b2ac);transition:width .3s ease;margin-top:8px;border-radius:4px;box-shadow:0 0 5px #4fd1c580;position:absolute;bottom:0;left:0}@media screen and (max-width: 768px){.hsp-tier-bar-info{font-size:.9em;padding:8px 15px}.hsp-perk-item{padding:10px 5px;font-size:.8em}.hsp-bottom-back-btn,.hsp-bottom-next-btn{padding:6px 15px;font-size:12px}}@media screen and (max-width: 768px){.hsp-top-bar{padding:10px 15px}.hsp-step-indicator{gap:3px;max-width:60%}.hsp-step-indicator span{padding:4px 6px;font-size:12px}.hsp-back-btn,.hsp-next-step-btn{padding:5px 12px;font-size:12px}}@media screen and (max-width: 576px){.hsp-top-bar{padding:8px 10px}.hsp-step-indicator{max-width:50%}.hsp-step-indicator span{padding:3px 5px;font-size:11px}.hsp-back-btn,.hsp-next-step-btn{padding:4px 10px;font-size:11px}.hsp-back-btn{left:10px}.hsp-navigation-buttons{right:10px}.hsp-progress-bar-container{flex-direction:column;padding-bottom:50px}.hsp-tier-bar-perks{max-width:100%}.hsp-perk-item{padding:8px 2px;font-size:.7em}.hsp-perk-item div{font-size:.9em}.hsp-bottom-back-btn,.hsp-bottom-next-btn{padding:10px 20px;font-size:14px;position:absolute;top:auto;bottom:10px;transform:none;border-radius:6px;box-shadow:0 2px 4px #0000004d;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hsp-bottom-back-btn{left:25%;transform:translate(-50%);background-color:#4a5568;border:1px solid #2D3748}.hsp-bottom-back-btn:hover{background-color:#5a6678}.hsp-bottom-back-btn:active{background-color:#3a4558;transform:translate(-50%) scale(.98)}.hsp-bottom-next-btn{right:25%;transform:translate(50%);background-color:#e53e3e;border:1px solid #C53030}.hsp-bottom-next-btn:hover{background-color:#f54e4e}.hsp-bottom-next-btn:active{background-color:#d52e2e;transform:translate(50%) scale(.98)}.hsp-tier-bar-info{min-width:120px;font-size:.8em;padding:6px 10px}}.signup-success-container{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;max-width:500px;margin:0 auto}.signup-success-card{background-color:#fff;color:#333;padding:2.5rem;border-radius:10px;width:100%}.signup-success-card h2,.signup-success-card p{color:#333!important}.success-icon{display:inline-block;width:60px;height:60px;background-color:#28a745;color:#fff;border-radius:50%;font-size:2.5rem;line-height:60px;margin-bottom:1.5rem;font-weight:700}.signup-success-card h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.success-details{font-size:1rem;line-height:1.6;margin-bottom:.5rem}.email-highlight{font-weight:700;color:#000!important;background-color:#f0f0f0;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin:1rem 0;border:1px solid #e0e0e0}.success-instructions{font-size:.9rem;color:#555!important;margin-bottom:2rem}.btn-continue{background-color:#f33;color:#fff!important;border:none;padding:14px 24px;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #f333;width:100%;letter-spacing:.5px}.btn-continue:hover{background-color:#e62e2e;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}:root{--empty-state-primary: var(--color-accent-primary, #3B82F6);--empty-state-secondary: var(--color-accent-hover, #2563EB);--empty-state-text-primary: var(--color-text-primary, #F9FAFB);--empty-state-text-secondary: var(--color-text-secondary, #9CA3AF);--empty-state-bg-card: var(--color-bg-secondary, #1F2937);--empty-state-border: var(--color-border, #374151);--animation-duration: .6s;--animation-delay-step: .1s}.orders-empty-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:500px;background:radial-gradient(ellipse at center,rgba(59,130,246,.05) 0%,transparent 70%);animation:fadeIn .5s ease-out}.empty-illustration{position:relative;width:200px;height:200px;margin-bottom:2rem;animation:fadeInUp var(--animation-duration) ease-out}.hat-svg{width:100%;height:100%;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.hat-group{animation:floatAnimation 4s ease-in-out infinite;transform-origin:center}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.needle-path{animation:sewAnimation 3s ease-in-out infinite;transform-origin:center}@keyframes sewAnimation{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5px,-5px) rotate(5deg)}50%{transform:translate(-5px,-3px) rotate(-5deg)}75%{transform:translate(3px,3px) rotate(3deg)}}.thread-path{stroke-dasharray:100;stroke-dashoffset:100;animation:threadAnimation 3s ease-in-out infinite}@keyframes threadAnimation{0%,to{stroke-dashoffset:100}50%{stroke-dashoffset:0}}.empty-content{text-align:center;max-width:480px;animation:fadeInUp calc(var(--animation-duration) + .2s) ease-out}.empty-title{font-size:2rem;font-weight:700;color:var(--empty-state-text-primary);margin-bottom:.75rem;letter-spacing:-.025em}.empty-subtitle{font-size:1.125rem;color:var(--empty-state-text-secondary);margin-bottom:2rem;line-height:1.6}.cta-button-gradient{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--empty-state-primary) 0%,var(--empty-state-secondary) 100%);border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;animation:fadeInUp calc(var(--animation-duration) + .4s) ease-out;position:relative;overflow:hidden}.cta-button-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.cta-button-gradient:hover:before{left:100%}.cta-button-gradient:active{transform:translateY(0)}.cta-arrow{transition:transform .3s ease}.cta-button-gradient:hover .cta-arrow{transform:translate(4px)}.benefits-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;animation:fadeInUp calc(var(--animation-duration) + .6s) ease-out}.benefit-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--empty-state-bg-card);border:1px solid var(--empty-state-border);border-radius:2rem;font-size:.875rem;color:var(--empty-state-text-secondary);animation:fadeInScale .5s ease-out backwards;transition:all .3s ease}.benefit-pill:nth-child(1){animation-delay:calc(var(--animation-duration) + .7s)}.benefit-pill:nth-child(2){animation-delay:calc(var(--animation-duration) + .8s)}.benefit-pill:nth-child(3){animation-delay:calc(var(--animation-duration) + .9s)}.benefit-pill:hover{background:#3b82f61a;border-color:var(--empty-state-primary);color:var(--empty-state-text-primary);transform:translateY(-2px)}.benefit-icon{width:16px;height:16px;color:var(--empty-state-primary)}@keyframes pulseAnimation{0%,to{opacity:1}50%{opacity:.7}}.benefit-icon{animation:pulseAnimation 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.orders-empty-enhanced{padding:3rem 1.5rem;min-height:400px}.empty-illustration{width:160px;height:160px}.empty-title{font-size:1.5rem}.empty-subtitle{font-size:1rem}.cta-button-gradient{padding:.875rem 1.75rem;font-size:1rem}.benefits-container{gap:.5rem}.benefit-pill{padding:.5rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.orders-empty-enhanced{padding:2rem 1rem}.empty-illustration{width:140px;height:140px}.empty-title{font-size:1.25rem}.empty-subtitle{font-size:.9375rem}.cta-button-gradient{width:100%;justify-content:center}.benefits-container{flex-direction:column;align-items:center}.benefit-pill{width:100%;max-width:250px;justify-content:center}}@media (prefers-color-scheme: dark){.orders-empty-enhanced{background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 70%)}.hat-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.benefit-pill{background:#1f2937cc;border-color:#374151cc}.benefit-pill:hover{background:#3b82f626}}.cta-button-gradient:focus-visible{outline:2px solid var(--empty-state-primary);outline-offset:2px}.benefit-pill:focus-visible{outline:2px solid var(--empty-state-primary);outline-offset:2px}@media (prefers-contrast: high){.cta-button-gradient{border:2px solid currentColor}.benefit-pill{border-width:2px}.empty-title,.empty-subtitle{font-weight:700}}@media (prefers-reduced-motion: reduce){.hat-group,.needle-path,.thread-path,.benefit-icon{animation:none}.cta-button-gradient,.benefit-pill,.cta-arrow{transition:none}.orders-empty-enhanced,.empty-illustration,.empty-content,.benefits-container{animation:none}}.my-account-page{background-color:var(--color-background-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary)}.my-account-content{display:flex;max-width:1400px;margin:0 auto;position:relative}@media (max-width: 767px){.my-account-content{min-height:auto;flex-direction:column}}.my-account-sidebar{display:none}@media (min-width: 768px){.my-account-sidebar{display:flex;flex-direction:column;width:280px;background-color:var(--color-surface-primary);border-right:1px solid var(--color-border-primary);height:calc(100vh - 80px);position:sticky;top:80px;overflow-y:auto;z-index:10}}.sidebar-user-header{padding:1.5rem;border-bottom:1px solid var(--color-border-primary)}.user-avatar-container{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-weight:600;font-size:1.125rem}.user-info h2{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.user-info p{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 0}.sidebar-nav{padding:1rem;flex:1}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-item{margin:0}.sidebar-nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-nav-button:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.sidebar-nav-button.active{background-color:var(--color-accent-light);color:var(--color-accent-primary)}.sidebar-nav-button svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-button:hover svg{color:var(--color-text-primary)}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--color-border-primary);display:flex;justify-content:center}.sidebar-logout-button{width:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--color-error);border-radius:.375rem;color:var(--color-error);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-logout-button:hover{background-color:var(--color-accent-light);border-color:var(--color-error);transform:translateY(-1px)}.my-account-main{flex:1;background-color:var(--color-background-primary);padding:2rem}@media (min-width: 768px){.my-account-main{margin-left:0;padding:3rem}}.content-container{max-width:800px;margin:0 auto}.tab-content{background-color:var(--color-surface-primary);border-radius:.75rem;border:1px solid var(--color-border-primary);box-shadow:0 4px 6px #0000004d;padding:2rem;animation:fadeIn .3s ease-out}@media (min-width: 768px){.tab-content{padding:2rem}}.tab-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-primary)}.tab-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.tab-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.form-input{padding:.75rem 1rem;border:2px solid var(--color-border-primary);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary);background-color:var(--color-background-primary);transition:all .15s ease;width:100%;font-family:inherit}.form-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input:disabled{background-color:var(--color-background-secondary);color:var(--color-text-subtle);cursor:not-allowed}.form-input.error{border-color:var(--color-error)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px #0000004d}.btn-secondary{background-color:var(--color-text-secondary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-primary)}.btn-outline{background-color:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn-outline:hover:not(:disabled){background-color:var(--color-background-secondary);color:var(--color-text-primary)}.btn-success{background-color:var(--color-success);color:var(--color-text-primary)}.btn-success:hover:not(:disabled){background-color:#2f855a;transform:translateY(-1px);box-shadow:0 4px 6px #0000004d}.mobile-bottom-nav{display:none}@media (max-width: 767px){.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-surface-primary);border-top:1px solid var(--color-border-primary);z-index:50;height:auto}.bottom-nav-container{display:flex;padding:0;margin:0}.bottom-nav-item{flex:1;display:flex}.bottom-nav-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bottom-nav-button.active{color:var(--color-accent-primary)}.bottom-nav-button svg{width:24px;height:24px}}.mobile-content{display:block}@media (min-width: 768px){.mobile-content{display:none}.my-account-content>.my-account-main:not(.mobile-content){display:block}}@media (max-width: 767px){.my-account-content>.my-account-main:not(.mobile-content){display:none}.my-account-main{padding:1rem;padding-bottom:80px;min-height:auto}.my-account-page{padding-top:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.success-message{background-color:#38a1691a;border:1px solid var(--color-success);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--color-success);display:flex;align-items:center;gap:.5rem}.error-message{background-color:var(--color-accent-light);border:1px solid var(--color-error);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--color-error);display:flex;align-items:center;gap:.5rem}.sample-code-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.sample-code-card:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 6px #0000004d}.sample-code-card h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.sample-code-card p{color:var(--color-text-secondary);margin:.25rem 0;font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-pending,.status-Pending{background-color:#f59e0b33;color:#f59e0b;border:1px solid #F59E0B}.status-processing,.status-Processing{background-color:#3b82f633;color:#3b82f6;border:1px solid #3B82F6}.status-artwork_pending,[class*="status-Pending Artwork"],[class*=status-Pending-Artwork]{background-color:#8b5cf633;color:#a78bfa;border:1px solid #8B5CF6}.status-production,[class*="status-Pending Production"],[class*=status-Pending-Production],[class*="status-In Production"],[class*=status-In-Production]{background-color:#6366f133;color:#818cf8;border:1px solid #6366F1}.status-shipped,.status-Shipped,.status-delivered,.status-Delivered{background-color:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.status-cancelled,.status-Cancelled{background-color:var(--color-accent-light);color:var(--color-error);border:1px solid var(--color-error)}@media (min-width: 1024px){.hidden-desktop{display:none!important}}.focus-visible:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.order-card,.sample-code-card,.tab-content{border-width:2px}}.loading-skeleton,.orders-loading,.sample-codes-loading,.profile-loading{background:linear-gradient(90deg,var(--color-surface-primary) 25%,var(--color-background-secondary) 50%,var(--color-surface-primary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem;height:1rem;margin-bottom:.75rem}.loading-skeleton:nth-child(1){height:2rem;width:33%}.loading-skeleton:nth-child(2){height:3rem;width:100%}.loading-skeleton:nth-child(3){height:8rem;width:100%}.loading-skeleton:nth-child(4){height:8rem;width:100%}.loading-skeleton:nth-child(5){height:8rem;width:100%}.loading-skeleton:nth-child(6){height:2rem;width:50%}.error-container,.orders-error,.sample-codes-error{background-color:var(--color-accent-light)!important;border:1px solid var(--color-error)!important;border-radius:.75rem;padding:1.5rem;text-align:center;color:var(--color-error)!important}.error-icon{color:var(--color-error)!important;margin-bottom:1rem;display:flex;justify-content:center}.error-title{font-weight:600;font-size:1.125rem;color:var(--color-error)!important;margin-bottom:.5rem}.error-message{font-size:.875rem;color:var(--color-error)!important;opacity:.9}.orders-header,.sample-codes-header{margin-bottom:1.5rem}.orders-header h2,.sample-codes-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)!important;margin-bottom:.5rem}.orders-header p,.sample-codes-header p{color:var(--color-text-secondary)!important;font-size:.875rem}.orders-filters{margin-bottom:1.5rem}.orders-filters form{position:relative;margin-bottom:1rem}.orders-filters input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid var(--color-border-primary)!important;border-radius:.5rem;background-color:var(--color-background-primary)!important;color:var(--color-text-primary)!important;font-size:.875rem}.orders-filters input:focus{outline:none!important;border-color:var(--color-accent-primary)!important;box-shadow:0 0 0 3px var(--color-accent-light)!important}.orders-filters input::placeholder{color:var(--color-text-subtle)!important}.orders-filters button[type=submit]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.5rem;background:transparent;border:none;color:var(--color-text-secondary)!important;cursor:pointer}.orders-filters button[type=submit]:hover{color:var(--color-text-primary)!important}.filter-button{padding:.5rem .75rem!important;font-size:.875rem!important;font-weight:500!important;border-radius:.5rem!important;border:1px solid var(--color-border-primary)!important;background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important;cursor:pointer!important;transition:all .2s ease!important;margin-right:.5rem!important;margin-bottom:.5rem!important}.filter-button:hover{background-color:var(--color-background-secondary)!important;color:var(--color-text-primary)!important}.filter-button.active{background-color:var(--color-accent-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-accent-primary)!important}.orders-empty,.sample-codes-empty{text-align:center;padding:3rem 1rem}.orders-empty svg,.sample-codes-empty svg{color:var(--color-text-subtle)!important;margin:0 auto 1rem}.orders-empty h3,.sample-codes-empty h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)!important;margin-bottom:.5rem}.orders-empty p,.sample-codes-empty p{color:var(--color-text-secondary)!important;margin-bottom:1.5rem}.orders-empty button,.sample-codes-empty button{padding:.75rem 1.5rem;background-color:var(--color-accent-primary)!important;color:var(--color-text-primary)!important;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.orders-empty button:hover,.sample-codes-empty button:hover{background-color:var(--color-accent-hover)!important;transform:translateY(-1px)}.orders-list{display:flex;flex-direction:column;gap:.75rem}.order-card-compact{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;padding:1rem;transition:all .2s ease}.order-card-compact:hover{border-color:var(--color-accent-primary);box-shadow:0 2px 4px #0003}.order-main-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.order-info-section{flex:1 1 300px;min-width:0}.order-number-date{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.25rem}.order-number{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.order-date{font-size:.75rem;color:var(--color-text-subtle)}.order-items-summary{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.item-count{font-weight:500}.item-preview{color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.order-status-section{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.status-badge-compact{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.track-link-compact{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--color-border-primary);border-radius:.375rem;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.track-link-compact:hover{background-color:var(--color-background-secondary);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.order-price-actions{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.order-total-compact{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);min-width:80px;text-align:right}.order-quick-actions{display:flex;gap:.5rem}.btn-compact{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-outline-compact{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn-outline-compact:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-text-primary)}.btn-primary-compact{background-color:var(--color-accent-primary);color:var(--color-text-primary)}.btn-primary-compact:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-compact:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.order-main-row{flex-direction:column;align-items:stretch;gap:.75rem}.order-info-section{flex:1 1 auto}.order-status-section{display:flex;justify-content:space-between}.order-price-actions{display:flex;justify-content:space-between;width:100%}.order-total-compact{text-align:left}}.order-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.order-action-btn{padding:.5rem 1rem!important;font-size:.875rem!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;border:1px solid var(--color-border-primary)!important;background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}.order-action-btn:hover{background-color:var(--color-background-secondary)!important;color:var(--color-text-primary)!important}.order-action-btn.primary{background-color:var(--color-accent-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-accent-primary)!important}.order-action-btn.primary:hover{background-color:var(--color-accent-hover)!important}.order-action-btn.success{background-color:var(--color-success)!important;color:var(--color-text-primary)!important;border-color:var(--color-success)!important}.order-action-btn:disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}.sample-codes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.sample-codes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.sample-codes-grid{grid-template-columns:repeat(3,1fr)}}.sample-code-card{background-color:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:.75rem;overflow:hidden;transition:all .2s ease}.sample-code-card:hover{border-color:var(--color-accent-primary)!important;box-shadow:0 4px 6px #0000004d!important}.sample-image-container{width:100%;height:12rem;background-color:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.sample-image-container img{width:100%;height:100%;object-fit:cover}.sample-image-container svg{color:var(--color-text-subtle)!important}.sample-details{padding:1rem}.sample-details h3{font-weight:700;font-size:1.125rem;color:var(--color-text-primary)!important;margin-bottom:.75rem}.sample-details .sample-status{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.sample-status.active{background-color:#10b98133;color:var(--color-success)!important;border:1px solid var(--color-success)}.sample-status.inactive{background-color:var(--color-accent-light);color:var(--color-error)!important;border:1px solid var(--color-error)}.sample-details .sample-info{color:var(--color-text-secondary)!important;font-size:.875rem;margin:.5rem 0}.sample-details .sample-info span:first-child{font-weight:500;color:var(--color-text-primary)!important}.sample-details .sample-notes{background-color:var(--color-background-primary)!important;padding:.5rem;border-radius:.375rem;font-size:.875rem;color:var(--color-text-secondary)!important;margin:.75rem 0}.sample-details .sample-dates{font-size:.75rem;color:var(--color-text-subtle)!important;margin:1rem 0}.sample-action-button{width:100%;padding:.75rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.sample-action-button.active{background-color:var(--color-accent-primary)!important;color:var(--color-text-primary)!important}.sample-action-button.active:hover{background-color:var(--color-accent-hover)!important}.sample-action-button.inactive{background-color:var(--color-background-secondary)!important;color:var(--color-text-subtle)!important;cursor:not-allowed!important}.sample-codes-info,.info-banner{background-color:#3b82f61a!important;border:1px solid #3B82F6!important;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.sample-codes-info svg,.info-banner svg{color:#60a5fa!important;flex-shrink:0;margin-top:.125rem}.sample-codes-info p,.info-banner p{color:#60a5fa!important;font-size:.875rem;margin:0}.sample-codes-info strong,.info-banner strong{color:#93c5fd!important}.sample-codes-help{background-color:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:.75rem;padding:1.5rem;margin-top:2rem}.sample-codes-help h3{font-weight:600;color:var(--color-text-primary)!important;margin-bottom:.75rem}.sample-codes-help p{color:var(--color-text-secondary)!important;font-size:.875rem;margin:.25rem 0}.sample-codes-help button{padding:.5rem 1rem;font-size:.875rem;border:1px solid var(--color-border-primary)!important;background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-right:.75rem;margin-bottom:.5rem}.sample-codes-help button:hover{background-color:var(--color-background-secondary)!important;color:var(--color-text-primary)!important}@media (min-width: 640px){.sample-codes-help .help-buttons{display:flex;flex-direction:row;gap:.75rem}.sample-codes-help button{margin-right:0;margin-bottom:0}}.orders-pagination{margin-top:2rem;display:flex;justify-content:center}.pagination-container{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .75rem!important;font-size:.875rem!important;border:1px solid var(--color-border-primary)!important;background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s ease!important}.pagination-btn:hover:not(:disabled){background-color:var(--color-background-secondary)!important;color:var(--color-text-primary)!important}.pagination-btn.active{background-color:var(--color-accent-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-accent-primary)!important}.pagination-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.pagination-ellipsis{padding:.5rem;color:var(--color-text-subtle)!important}.form-error{color:var(--color-error)!important;font-size:.75rem!important;margin-top:.25rem!important}.form-input.error{border-color:var(--color-error)!important}.profile-form .form-input{background-color:var(--color-background-primary)!important;color:var(--color-text-primary)!important;border:2px solid var(--color-border-primary)!important;transition:all .2s ease!important}.profile-form .form-input:not(:disabled){background-color:var(--color-background-primary)!important;border-color:var(--color-accent-primary)!important;cursor:text!important}.profile-form .form-input:not(:disabled):hover{border-color:var(--color-accent-hover)!important;box-shadow:0 0 0 2px var(--color-accent-light)!important}.profile-form .form-input:not(:disabled):focus{border-color:var(--color-accent-primary)!important;box-shadow:0 0 0 3px var(--color-accent-light)!important;outline:none!important}.profile-form .form-input:disabled{background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important;opacity:.7!important;cursor:not-allowed!important;border-color:var(--color-border-primary)!important}.profile-form .form-label{color:var(--color-text-primary)!important;font-weight:600!important}.form-label-note{color:var(--color-text-subtle)!important;font-weight:400!important;font-size:.75rem!important;font-style:italic!important}.profile-form .form-group{margin-bottom:1.5rem!important}.tab-header .tab-title{color:var(--color-text-primary)!important;font-size:1.5rem!important;font-weight:700!important}.tab-header .tab-subtitle{color:var(--color-text-secondary)!important;font-size:.875rem!important}@media (min-width: 768px){.profile-form-grid{grid-template-columns:repeat(2,1fr)}.profile-form-grid .full-width{grid-column:1 / -1}}.order-header{display:flex;flex-direction:column;margin-bottom:1rem}.order-header-info{margin-bottom:.5rem}.order-header-meta{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap}@media (min-width: 640px){.order-header{flex-direction:row;align-items:center;justify-content:space-between}.order-header-info{margin-bottom:0}}.order-items-container{margin-bottom:1rem}.order-items-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.order-items-list{margin-top:.5rem}.order-item-mono{font-family:monospace}.btn-auto{width:auto}.btn-full{width:100%}@media (max-width: 640px){.btn-full{width:100%!important}.sm\\:btn-auto{width:auto!important}.form-actions{flex-direction:column!important;gap:.75rem!important}}@media (min-width: 640px){.sm\\:btn-auto{width:auto!important}}@media print{.no-print,.mobile-bottom-nav,.sidebar-footer,.mobile-header .mobile-logout-button{display:none!important}.my-account-page{background:#fff!important;color:#000!important}.my-account-main{margin:0!important;padding:0!important}.order-card,.sample-code-card,.tab-content{box-shadow:none!important;border:1px solid #cccccc!important;page-break-inside:avoid;background:#fff!important;color:#000!important}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading-shimmer{background:linear-gradient(to right,var(--color-surface-primary) 0%,var(--color-background-secondary) 20%,var(--color-surface-primary) 40%,var(--color-surface-primary) 100%);background-size:800px 104px;animation:shimmer 1.5s linear infinite}.tab-transition-enter{opacity:0;transform:translate(30px)}.tab-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.tab-transition-exit{opacity:1;transform:translate(0)}.tab-transition-exit-active{opacity:0;transform:translate(-30px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light);transform:translateY(-1px)}@media (min-width: 1024px){.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-accent-primary),var(--color-accent-hover));border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-accent-hover),#C53030)}}.mobile-bottom-nav{padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2d3748f2}.status-pending{background-color:#f59e0b33;color:#f59e0b;border:1px solid #F59E0B}.status-processing{background-color:#3b82f633;color:#60a5fa;border:1px solid #3B82F6}.status-artwork_pending{background-color:#8b5cf633;color:#a78bfa;border:1px solid #8B5CF6}.status-production{background-color:#6366f133;color:#818cf8;border:1px solid #6366F1}.status-shipped,.status-delivered{background-color:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.status-cancelled{background-color:var(--color-accent-light);color:var(--color-error);border:1px solid var(--color-error)}.order-card,.sample-code-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-primary)}.order-card:hover,.sample-code-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;border-color:var(--color-accent-primary)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-left:-9px;margin-top:-9px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.alert-success{background-color:#38a1691a;border:1px solid var(--color-success);color:var(--color-success);padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d}.alert-error{background-color:var(--color-accent-light);border:1px solid var(--color-error);color:var(--color-error);padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d}.alert-info{background-color:#3b82f61a;border:1px solid #3B82F6;color:#60a5fa;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d}.alert-warning{background-color:#f59e0b1a;border:1px solid #F59E0B;color:#fbbf24;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d}.focus-visible:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-light)}@media (max-width: 1023px){.touch-friendly{min-height:48px;min-width:48px;touch-action:manipulation}.mobile-tap{-webkit-tap-highlight-color:var(--color-accent-light)}.btn{min-height:48px;touch-action:manipulation}.tab-content,.order-card,.sample-code-card{padding:1rem}}@media (min-width: 768px) and (max-width: 1023px){.tab-content{padding:2rem}.order-card,.sample-code-card{padding:1.5rem}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sample-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.my-account-sidebar{box-shadow:0 25px 50px -12px #00000080}.content-container{max-width:1200px}.sample-codes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}}@supports (padding: max(0px)){.safe-area-bottom{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.mobile-bottom-nav{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media print{.no-print,.mobile-bottom-nav,.sidebar-footer,.mobile-logout-button,.order-actions,.sample-action-button{display:none!important}.print-friendly,.my-account-page{color:#000!important;background:#fff!important;box-shadow:none!important}.order-card,.sample-code-card,.tab-content{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid;margin-bottom:1rem!important;background:#fff!important;color:#000!important}.tab-title{font-size:1.5rem!important;page-break-after:avoid;color:#000!important}}.profile-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.sample-codes-grid,.orders-grid{display:grid;grid-template-columns:1fr;gap:1rem}.order-actions,.sample-action-button{display:flex;gap:.5rem;margin-top:1rem}.order-actions .btn,.sample-action-button{font-size:.75rem;padding:.5rem 1rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transform:none!important}}@media (prefers-contrast: high){.order-card,.sample-code-card,.tab-content{border:2px solid var(--color-accent-primary)!important}.btn{border:2px solid currentColor!important}.status-badge{border-width:2px!important}}.my-account-wrapper{width:100%}#auth-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 200px);padding:2rem 1rem;box-sizing:border-box}#auth-page-container .auth-container{color-scheme:light;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:600px;padding:0;border:1px solid #e0e0e0;overflow:hidden}#auth-page-container .auth-welcome-header{text-align:center;padding:2.5rem 2.5rem 1.5rem;background:linear-gradient(135deg,#fff,#fafafa);border-bottom:1px solid #f0f0f0}#auth-page-container .auth-welcome-header h1{color:#222;font-weight:700;font-size:2rem;margin-bottom:.5rem;letter-spacing:-.5px}#auth-page-container .auth-subtitle{color:#666;font-size:1rem;margin:0;line-height:1.5}#auth-page-container .auth-tabs{display:flex;background-color:#f8f9fa;border-bottom:2px solid #e9ecef;position:relative}#auth-page-container .auth-tab{flex:1;padding:1.25rem 1rem;background:transparent;border:none;cursor:pointer;position:relative;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#6c757d;font-family:inherit}#auth-page-container .auth-tab:hover:not(.active):not(:disabled){background-color:#fff;color:#495057}#auth-page-container .auth-tab.active{background-color:#fff;color:#f33;font-weight:600}#auth-page-container .auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:#f33;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#auth-page-container .auth-tab:disabled{cursor:not-allowed;opacity:.6}#auth-page-container .tab-text{font-size:1.2rem;font-weight:600;display:block;margin-bottom:.25rem}#auth-page-container .tab-subtitle{font-size:.85rem;opacity:.8;display:block}#auth-page-container .auth-form-container{padding:2rem 2.5rem;min-height:400px;animation:fadeIn .3s ease}#auth-page-container .form-group{margin-bottom:1.5rem}#auth-page-container .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:1rem;background-color:transparent}#auth-page-container .form-group input[type=email],#auth-page-container .form-group input[type=password],#auth-page-container .form-group input[type=text],#auth-page-container .form-group input[type=tel]{width:100%;padding:.85rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;color:#212529;transition:all .2s ease}#auth-page-container .form-group input::placeholder{color:#999;opacity:1}#auth-page-container .form-group input:focus{outline:none;border-color:#f33;box-shadow:0 0 0 4px #ff33331a;background-color:#fff}#auth-page-container .form-group input:-webkit-autofill,#auth-page-container .form-group input:-webkit-autofill:hover,#auth-page-container .form-group input:-webkit-autofill:focus,#auth-page-container .form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#212529!important;transition:background-color 5000s ease-in-out 0s}#auth-page-container .remember-me{display:flex;align-items:center;margin-bottom:1.5rem}#auth-page-container .checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:#555;position:relative;-webkit-user-select:none;user-select:none}#auth-page-container .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#auth-page-container .checkbox-label .checkmark{position:relative;display:inline-block;width:20px;height:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;margin-right:10px;transition:all .2s ease}#auth-page-container .checkbox-label:hover input~.checkmark{border-color:#f33;background-color:#fff5f5}#auth-page-container .checkbox-label input:checked~.checkmark{background-color:#f33;border-color:#f33}#auth-page-container .checkbox-label input:focus~.checkmark{box-shadow:0 0 0 3px #f333}#auth-page-container .checkbox-label .checkmark:after{content:"";position:absolute;display:none}#auth-page-container .checkbox-label input:checked~.checkmark:after{display:block}#auth-page-container .checkbox-label .checkmark:after{left:6px;top:2px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}#auth-page-container .btn-primary{background:linear-gradient(135deg,#f33,#e62e2e);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff333340;width:100%;letter-spacing:.5px;position:relative;overflow:hidden}#auth-page-container .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff333359}#auth-page-container .btn-primary:active:not(:disabled){transform:translateY(0)}#auth-page-container .btn-primary:disabled{background:linear-gradient(135deg,#ccc,#b8b8b8);color:#666;cursor:not-allowed;transform:none;box-shadow:none}#auth-page-container .button-loader{display:flex;align-items:center;justify-content:center;gap:.5rem}#auth-page-container .loader-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:pulse 1.4s infinite ease-in-out both}#auth-page-container .loader-dot:nth-child(1){animation-delay:-.32s}#auth-page-container .loader-dot:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}#auth-page-container .auth-benefits{background:linear-gradient(135deg,#f8f9fa,#f0f0f0);padding:1.5rem 2.5rem;border-top:1px solid #e9ecef}#auth-page-container .benefits-list h3{color:#333;font-size:1.1rem;margin-bottom:1rem;font-weight:600}#auth-page-container .benefits-list ul{list-style:none;padding:0;margin:0}#auth-page-container .benefits-list li{color:#666;font-size:.95rem;padding:.4rem 0;display:flex;align-items:center}#auth-page-container .benefits-list li:before{content:"✓";color:#28a745;font-weight:700;margin-right:.75rem;font-size:1.1rem}#auth-page-container .auth-alternative{padding:1.5rem 2.5rem 2rem;text-align:center;background-color:#fafafa;border-top:1px solid #f0f0f0}#auth-page-container .alternative-text{color:#666;font-size:.95rem;margin:0}#auth-page-container .alternative-link{background:none;border:none;color:#f33;cursor:pointer;padding:0;font-size:inherit;font-weight:600;text-decoration:underline;transition:color .2s ease}#auth-page-container .alternative-link:hover:not(:disabled){color:#e62e2e;text-decoration:none}#auth-page-container .alternative-link:disabled{opacity:.6;cursor:not-allowed}#auth-page-container .form-group input.valid{border-color:#28a745;background-color:#f8fff9}#auth-page-container .form-group input.invalid{border-color:#dc3545;background-color:#fff8f8}#auth-page-container .form-group .input-feedback{font-size:.85rem;margin-top:.5rem;color:#dc3545;animation:fadeIn .3s ease;display:flex;align-items:center}#auth-page-container .form-group .input-feedback:before{content:"⚠";margin-right:.5rem}#auth-page-container .error-message{background-color:#fff5f5;color:#c53030;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;text-align:left;border-left:4px solid #c53030;animation:fadeIn .3s ease;box-shadow:0 2px 8px #c530301a}#auth-page-container .error-message.error-email{background-color:#fef5e7;color:#e67e22;border-left-color:#e67e22;box-shadow:0 2px 8px #e67e221a}#auth-page-container .error-message.error-warning{background-color:#fff9e6;color:#d68910;border-left-color:#d68910;box-shadow:0 2px 8px #d689101a}#auth-page-container .error-message.error-info{background-color:#e6f7ff;color:#1890ff;border-left-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}#auth-page-container .error-message.error-offline{background-color:#f5f5f5;color:#666;border-left-color:#999;box-shadow:0 2px 8px #0000001a}#auth-page-container .error-content{display:flex;flex-direction:column;gap:.75rem}#auth-page-container .error-text{font-size:.95rem;line-height:1.5;font-weight:500}#auth-page-container .error-action-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0;margin:0;text-align:left;transition:opacity .2s ease;font-weight:600}#auth-page-container .error-action-link:hover{opacity:.8}#auth-page-container .error-action-link:focus{outline:2px solid currentColor;outline-offset:2px}@keyframes errorSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}#auth-page-container .error-message{animation:errorSlideIn .3s ease-out}#auth-page-container .success-message{background-color:#f0f9ff;color:#059669;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;text-align:left;border-left:4px solid #059669;animation:errorSlideIn .3s ease-out;box-shadow:0 2px 8px #0596691a}#auth-page-container .success-content{display:flex;align-items:center;gap:.5rem}#auth-page-container .success-text{font-size:.95rem;line-height:1.5;font-weight:500}#auth-page-container .success-text:before{content:"✓";display:inline-block;margin-right:.5rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#auth-page-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:400px}#auth-page-container .loading-spinner{border:4px solid rgba(0,0,0,.1);width:48px;height:48px;border-radius:50%;border-left-color:#f33;animation:spin 1s linear infinite;margin-bottom:1.5rem}@media (max-width: 768px){#auth-page-container .auth-container{max-width:100%;margin:0 .5rem;border-radius:8px}#auth-page-container .auth-welcome-header{padding:2rem 1.5rem 1.5rem}#auth-page-container .auth-welcome-header h1{font-size:1.75rem}#auth-page-container .auth-form-container,#auth-page-container .auth-benefits,#auth-page-container .auth-alternative{padding:1.5rem}#auth-page-container .auth-tabs{flex-direction:row}#auth-page-container .auth-tab{padding:1rem .5rem}#auth-page-container .tab-text{font-size:1rem}#auth-page-container .tab-subtitle{font-size:.75rem}}@media (max-width: 480px){#auth-page-container{padding:1rem .5rem}#auth-page-container .auth-welcome-header h1{font-size:1.5rem}#auth-page-container .auth-subtitle{font-size:.9rem}#auth-page-container .btn-primary{padding:12px 20px;font-size:1rem}}@media print{#auth-page-container{display:none}}.contact-page{min-height:calc(100vh - 200px);padding:0;background:#f8f9fa}.contact-page *,.contact-page:before,.contact-page:after{box-sizing:border-box}.contact-hero{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:5rem 1rem 3rem!important;text-align:center;position:relative}.contact-hero:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-18px!important;width:min(1100px,92%)!important;height:36px!important;background:#f8f9fa!important;border-radius:36px 36px 0 0!important;box-shadow:0 -1px #fff9!important}.contact-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.contact-hero p{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1200px;margin:2rem auto 4rem!important;padding:0 1rem;position:relative;box-sizing:border-box;overflow:visible}.contact-info-section{width:100%}.contact-info-card{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a!important;padding:2rem!important;border:1px solid #edf2f7!important;box-sizing:border-box;width:100%;overflow:visible}.contact-info-card h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e53e3e;text-transform:uppercase;letter-spacing:1px}.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #edf2f7;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin-bottom:0}.contact-method:first-of-type{padding-top:0}.contact-method:last-of-type{border-bottom:none;padding-bottom:1rem}.contact-method-icon{flex-shrink:0;width:40px;height:40px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#e53e3e}.contact-method-icon svg{width:20px;height:20px}.contact-method-content{flex:1;min-width:0}.contact-method h3{color:#2d3748!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;background:transparent!important}.contact-method p{color:#4a5568!important;line-height:1.5;margin:.25rem 0;background:transparent!important;white-space:normal!important}.address-line{font-size:1rem;font-weight:500;color:#2d3748!important;margin-bottom:.5rem!important}.directions-link{display:inline-flex;align-items:center;color:#e53e3e!important;font-size:.875rem;font-weight:600;text-decoration:none!important;transition:all .2s ease;margin-top:.25rem}.directions-link:hover{color:#c53030!important;transform:translate(2px)}.phone-link{color:#e53e3e!important;font-size:1.125rem!important;font-weight:600!important;text-decoration:none!important;transition:color .2s ease;display:inline-block}.phone-link:hover{color:#c53030!important}.hours-list{display:flex;flex-direction:column;gap:.5rem}.hours-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.hours-row .day{color:#4a5568;font-weight:500}.hours-row .time{color:#2d3748;font-weight:600;text-align:right}.hours-row .time.closed{color:#e53e3e}.email-section{margin-bottom:1rem}.email-section:last-child{margin-bottom:0}.email-link{color:#e53e3e!important;font-size:.95rem!important;font-weight:600!important;text-decoration:none!important;transition:color .2s ease;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}.email-link:hover{color:#c53030!important;text-decoration:underline!important}.contact-label{display:block;font-size:.8rem;color:#718096;margin-top:.25rem;font-weight:400;text-transform:none;letter-spacing:normal}.response-time{background:linear-gradient(135deg,#fef2f2,#fff5f5);border-left:3px solid #e53e3e;border-radius:6px;padding:1rem 1rem 1rem 2.5rem;margin-top:1.5rem;position:relative;display:flex;align-items:center;gap:.75rem}.response-icon{position:absolute;left:.75rem;color:#e53e3e;opacity:.8}.response-time p{color:#4a5568;margin:0;font-size:.875rem;font-style:italic;line-height:1.4}.contact-form-section{width:100%}.contact-form-card{background:#fff!important;border-radius:12px!important;box-shadow:0 12px 30px #0000001a!important;padding:2rem!important;border:1px solid #edf2f7!important;box-sizing:border-box;width:100%;overflow:visible}.contact-form-card h2{color:#1a202c;font-size:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e53e3e}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem;animation:slideDown .3s ease}.alert-success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.alert-error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.contact-form{width:100%}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.required{color:#e53e3e;font-weight:400}.optional{color:#718096;font-size:.9rem;font-weight:400;text-transform:none}.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;background-color:#fff;color:#2d3748;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#fc8181;background-color:#fff5f5}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:120px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.field-error{display:block;color:#e53e3e;font-size:.875rem;margin-top:.25rem;animation:slideDown .2s ease}.btn-submit{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:2rem;transition:all .3s ease}.btn{display:inline-block;text-align:center;cursor:pointer;border:none;border-radius:6px;transition:all .3s ease}.btn-primary{background:#e53e3e!important;color:#fff!important}.btn-primary:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;margin-top:2rem!important;gap:1.25rem}.contact-info-card{margin-bottom:2rem}.hours-row{font-size:.875rem}}@media (max-width: 640px){.contact-hero h1{font-size:1.8rem}.contact-hero p{font-size:1rem}.contact-hero{padding:3.5rem 1rem 1.25rem!important}.contact-hero:after{display:none!important}.contact-method{padding:1.25rem 0}.contact-method-icon{width:36px;height:36px}.contact-method-icon svg{width:18px;height:18px}.contact-method h3{font-size:.8rem!important;margin-bottom:.4rem!important}.address-line{font-size:.95rem}.directions-link{font-size:.8rem}.phone-link{font-size:1rem!important}.hours-row{flex-direction:column;align-items:flex-start;gap:.125rem;margin-bottom:.5rem}.hours-row:last-child{margin-bottom:0}.hours-row .day{font-size:.85rem;font-weight:600;color:#2d3748}.hours-row .time{font-size:.85rem;text-align:left;font-weight:500}.email-link{font-size:.875rem!important;white-space:normal;overflow-wrap:break-word;word-break:break-all;-webkit-hyphens:none;hyphens:none;display:block;max-width:100%}.contact-label{font-size:.75rem}.response-time{padding:.875rem .875rem .875rem 2.25rem;margin-top:1.25rem}.response-icon{width:14px;height:14px;left:.625rem}.response-time p{font-size:.8rem}.contact-info-card,.contact-form-card{padding:1.5rem!important;max-width:100%!important;box-sizing:border-box;margin-left:auto!important;margin-right:auto!important}.contact-content{padding:0 1rem!important;margin:1.5rem auto 2.5rem!important;max-width:100%!important;gap:1rem;width:100%!important}}@media (max-width: 380px){.email-link{font-size:.8rem!important;word-break:break-all}.contact-method-content{max-width:calc(100vw - 120px)}.contact-method-icon{width:32px;height:32px}.contact-method-icon svg{width:16px;height:16px}}:root{--uap-bg: #1A202C;--uap-surface: #2D3748;--uap-border: #4A5568;--uap-primary: #E53E3E;--uap-primary-hover: #C53030;--uap-text-primary: #FFFFFF;--uap-text-secondary: #A0AEC0;--uap-text-subtle: #718096;--uap-radius-md: 8px;--uap-spacing-md: 16px;--uap-spacing-lg: 24px}.uap-container{background-color:var(--uap-bg);color:var(--uap-text-primary);display:flex;flex-direction:column;min-height:100vh}.uap-main-content{flex-grow:1;padding:2rem 4rem;padding-bottom:120px;max-width:800px;margin:0 auto;width:100%}.uap-title{font-size:36px;font-weight:700;margin-bottom:.5rem}.uap-subtitle{font-size:18px;color:var(--uap-text-secondary);margin-bottom:2.5rem}.uap-section{margin-bottom:2.5rem}.uap-section-title{font-size:20px;font-weight:600;margin-bottom:var(--uap-spacing-md);padding-bottom:.5rem;border-bottom:1px solid var(--uap-border)}.uap-upload-area{border:2px dashed var(--uap-border);border-radius:var(--uap-radius-md);padding:2rem;text-align:center;background-color:var(--uap-surface);transition:all .3s ease;position:relative;overflow:hidden}.uap-upload-area:hover:not(.uap-disabled){border-color:var(--uap-primary);background-color:#e53e3e0d}.uap-upload-area.uap-has-file{border-color:#38a169;background-color:#38a1691a;border-style:solid}.uap-upload-area.uap-disabled{opacity:.5;cursor:not-allowed;background-color:#3a475a}.uap-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.uap-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem}.uap-upload-icon{color:var(--uap-text-secondary);transition:color .2s ease}.uap-upload-area:hover:not(.uap-disabled) .uap-upload-icon{color:var(--uap-primary)}.uap-upload-text{font-size:18px;font-weight:500;color:var(--uap-text-primary)}.uap-file-types{font-size:14px;color:var(--uap-text-subtle);margin:0}.uap-file-uploaded{display:flex;flex-direction:column;align-items:center;gap:.75rem}.uap-check-icon{color:#38a169}.uap-file-name{font-size:18px;font-weight:600;color:var(--uap-text-primary);word-break:break-all}.uap-file-success{font-size:14px;color:#38a169;margin:0;font-weight:500}.uap-image-preview{margin:.5rem 0;border-radius:var(--uap-radius-md);overflow:hidden;border:2px solid #38A169;background-color:#fff;padding:.5rem;box-shadow:0 2px 8px #0000001a}.uap-preview-image{max-width:200px;max-height:120px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;border-radius:4px}.uap-upload-label:hover .icon-placeholder{color:var(--uap-primary)}.uap-upload-label span{font-weight:500}.uap-upload-label p{font-size:14px;color:var(--uap-text-subtle);margin:0}.uap-checkbox-wrapper{display:flex;align-items:center;margin-top:var(--uap-spacing-md)}.uap-checkbox-wrapper input[type=checkbox]{margin-right:.5rem;accent-color:var(--uap-primary);width:16px;height:16px}.uap-checkbox-wrapper label{color:var(--uap-text-secondary);cursor:pointer;font-weight:500}.uap-checkbox-wrapper.uap-send-later{margin-top:1.5rem;padding:1rem;background-color:#e53e3e0d;border-radius:var(--uap-radius-md);border:1px solid rgba(229,62,62,.2)}.uap-checkbox-wrapper.uap-agreement{padding:1rem;background-color:var(--uap-surface);border-radius:var(--uap-radius-md);border:1px solid var(--uap-border)}.uap-file-info{margin-top:1.5rem}.uap-info-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:#38a1691a;border:1px solid rgba(56,161,105,.3);border-radius:var(--uap-radius-md)}.uap-info-icon{color:#38a169;flex-shrink:0;margin-top:.25rem}.uap-info-content h4{margin:0 0 .5rem;font-size:16px;font-weight:600;color:var(--uap-text-primary)}.uap-info-content p{margin:0 0 .5rem;font-size:14px;color:var(--uap-text-secondary);line-height:1.5}.uap-info-content p:last-child{margin-bottom:0}.uap-info-content strong{color:var(--uap-text-primary)}.uap-design-process{margin-top:3rem}.uap-process-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.uap-process-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:var(--uap-surface);border:1px solid var(--uap-border);border-radius:var(--uap-radius-md);position:relative}.uap-process-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--uap-primary);color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.uap-process-content h4{margin:0 0 .5rem;font-size:16px;font-weight:600;color:var(--uap-text-primary)}.uap-process-content p{margin:0;font-size:14px;color:var(--uap-text-secondary);line-height:1.5}.uap-patch-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--uap-spacing-md)}.uap-patch-option{border:2px solid var(--uap-border);border-radius:var(--uap-radius-md);padding:var(--uap-spacing-md);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.uap-patch-option:hover{border-color:var(--uap-primary)}.uap-patch-option.selected{border-color:var(--uap-primary);background-color:#e53e3e1a}.uap-patch-icon{height:60px;width:60px;background-color:var(--uap-border);margin:0 auto .5rem;border-radius:4px}.uap-patch-option:first-child .uap-patch-icon{border-radius:50%}.uap-agreement-section label{color:var(--uap-text-secondary)}.uap-footer{background-color:var(--uap-surface);padding:var(--uap-spacing-md) 4rem;border-top:1px solid var(--uap-border);display:flex;justify-content:space-between;align-items:center;width:100%}.uap-footer-nav{display:flex;gap:var(--uap-spacing-md)}.uap-btn-primary,.uap-btn-secondary{padding:12px 24px;border-radius:var(--uap-radius-md);border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.uap-btn-primary{background-color:var(--uap-primary);color:var(--uap-text-primary)}.uap-btn-primary:hover{background-color:var(--uap-primary-hover)}.uap-btn-primary:disabled{background-color:var(--uap-border);color:var(--uap-text-subtle);cursor:not-allowed}.uap-btn-secondary{background-color:transparent;color:var(--uap-text-secondary);border:1px solid var(--uap-border)}.uap-btn-secondary:hover{border-color:var(--uap-text-primary);color:var(--uap-text-primary)}@media (max-width: 768px){.uap-main-content{padding:1.5rem 1rem;padding-bottom:140px}.uap-title{font-size:28px}.uap-subtitle{font-size:16px}.uap-upload-area{padding:1.5rem}.uap-upload-text{font-size:16px}.uap-process-cards{grid-template-columns:1fr;gap:2.5rem}.uap-process-card{padding:1rem}.uap-process-card:after{content:"↓";position:absolute;top:auto;bottom:-40px;right:50%;transform:translate(50%);font-size:24px;color:var(--uap-primary);font-weight:700}.uap-process-card:nth-child(3):after{display:none}.uap-info-card{padding:1rem;flex-direction:column;gap:.75rem}.uap-info-icon{margin-top:0}.uap-checkbox-wrapper.uap-send-later,.uap-checkbox-wrapper.uap-agreement{padding:.75rem}.uap-preview-image{max-width:150px;max-height:100px}}@media (max-width: 480px){.uap-main-content{padding:1rem .75rem}.uap-title{font-size:24px}.uap-upload-area{padding:1rem}.uap-upload-icon{width:36px;height:36px}.uap-upload-text{font-size:14px}.uap-file-types{font-size:12px}.uap-process-card{gap:.75rem}.uap-process-number{width:28px;height:28px;font-size:14px}.uap-process-content h4{font-size:14px}.uap-process-content p{font-size:13px}.uap-preview-image{max-width:120px;max-height:80px}.uap-image-preview{padding:.25rem}}.uap-btn-sample-code{background-color:#e53e3e1a;color:var(--uap-primary);border:1px solid var(--uap-primary)}.uap-btn-sample-code:hover{background-color:var(--uap-primary);color:var(--uap-text-primary)}.uap-error-message{color:var(--uap-primary);text-align:right;margin-top:-1rem;margin-bottom:1rem}:root{--sce-bg: #1A202C;--sce-card-bg: #2D3748;--sce-primary: #E53E3E;--sce-primary-hover: #C53030;--sce-text-primary: #FFFFFF;--sce-text-secondary: #A0AEC0;--sce-border: #4A5568;--sce-border-focus: #E53E3E}.sce-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--sce-bg);padding:2rem}.sce-card{background-color:var(--sce-card-bg);padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:450px;text-align:center}.sce-title{color:var(--sce-text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.sce-subtitle{color:var(--sce-text-secondary);margin-bottom:2rem}.sce-form{display:flex;flex-direction:column;gap:1.5rem}.sce-input{background-color:var(--sce-bg);border:1px solid var(--sce-border);color:var(--sce-text-primary);padding:.75rem 1rem;border-radius:4px;font-size:1rem;transition:border-color .2s}.sce-input::placeholder{color:var(--sce-text-secondary)}.sce-input:focus{outline:none;border-color:var(--sce-border-focus);box-shadow:0 0 0 2px #e53e3e33}.sce-btn-primary{background-color:var(--sce-primary);color:var(--sce-text-primary);padding:.75rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.sce-btn-primary:hover{background-color:var(--sce-primary-hover)}.sce-btn-secondary{background-color:transparent;color:var(--sce-text-secondary);border:none;margin-top:1.5rem;cursor:pointer;text-decoration:underline}.sce-error-message{color:var(--sce-primary);margin-top:-1rem;margin-bottom:1rem;font-weight:500}.color-swatch-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.color-swatch-modal{background:#2d3748;border-radius:12px;max-width:720px;width:95vw;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.color-swatch-modal-header{position:relative;padding:20px 24px 16px;border-bottom:1px solid #4A5568}.color-swatch-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px;line-height:1.3}.color-swatch-modal-subheader{color:#a0aec0;font-size:14px;margin:0;line-height:1.4}.color-swatch-modal-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:#a0aec0;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.color-swatch-modal-close:hover{color:#fff;background:#ffffff1a}.color-swatch-modal-close:active{transform:scale(.95)}.color-swatch-modal-body{padding:16px;overflow-y:auto;overflow-x:hidden;max-height:calc(85vh - 140px);-webkit-overflow-scrolling:touch}.color-swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:100%;width:100%}.color-swatch-button{width:100%;aspect-ratio:5/3;min-width:44px;min-height:26.4px;border:2px solid #4A5568;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden;padding:0;background-color:#2d3748}@media (hover: hover){.color-swatch-button:hover{border-color:#fff9;box-shadow:0 4px 20px #ffffff4d;transform:translateY(-2px)}}.color-swatch-button:active{transform:scale(.95);border-color:#fffc}.color-swatch-button.selected{border-color:#e53e3e;box-shadow:0 0 20px #e53e3e80;transform:scale(1.02)}.color-swatch-button:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e4d}.color-swatch-button.recommended{background:linear-gradient(135deg,#e53e3e,#c53030);border-color:#ffffff4d}.recommended-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:8px}.recommended-star{font-size:24px;margin-bottom:4px;display:block}.recommended-text{font-size:11px}.selected-checkmark{position:absolute;top:2px;right:2px;background:#3182ce;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000004d}.color-swatch-modal-selection{padding:16px 20px;border-top:1px solid #4A5568;border-bottom:1px solid #4A5568;background:#ffffff05;text-align:center}.selected-color-info{display:flex;justify-content:center;align-items:center;gap:8px}.selected-color-info span{color:#a0aec0;font-size:14px}.selected-color-info strong{color:#fff;font-size:14px;font-weight:500}.color-swatch-modal-footer{padding:20px;display:flex;gap:12px;justify-content:flex-end}.color-swatch-modal-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;border:none}.color-swatch-modal-button.secondary{background:transparent;color:#a0aec0;border:1px solid #4A5568}.color-swatch-modal-button.secondary:hover{background:#ffffff0d;color:#fff;border-color:#718096}.color-swatch-modal-button.primary{background:#e53e3e;color:#fff}.color-swatch-modal-button.primary:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.color-swatch-modal-button.primary:disabled{background:#4a5568;color:#718096;cursor:not-allowed}.color-swatch-modal-button.primary:active:not(:disabled){transform:translateY(0)}@media (min-width: 576px){.color-swatch-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width: 768px){.color-swatch-modal{max-width:800px}.color-swatch-modal-body{padding:20px;overflow-y:auto;max-height:calc(85vh - 160px)}.color-swatch-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (min-width: 1024px){.color-swatch-modal{max-width:900px}.color-swatch-grid{grid-template-columns:repeat(6,1fr);gap:14px}}@media (prefers-reduced-motion: reduce){.color-swatch-modal-overlay,.color-swatch-modal,.color-swatch-button{transition:none}}@media (prefers-contrast: high){.color-swatch-button{border-width:2px}.color-swatch-button.selected{border-width:4px}}.patch-position-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;opacity:0;visibility:hidden;transition:all .3s ease}.patch-position-modal.open{opacity:1;visibility:visible}.patch-position-modal-content{background:#2d3748;border-radius:12px;max-width:600px;width:95vw;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease}.patch-position-modal.open .patch-position-modal-content{transform:scale(1)}.patch-position-modal-header{position:relative;padding:20px 24px 16px;border-bottom:1px solid #4A5568}.patch-position-modal-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px;line-height:1.3}.patch-position-modal-subheader{color:#a0aec0;font-size:14px;margin:0 0 8px;line-height:1.4}.patch-position-modal-hat-name{color:#e2e8f0;font-size:13px;margin:0;font-style:italic}.patch-position-modal-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:#a0aec0;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.patch-position-modal-close:hover{color:#fff;background:#ffffff1a}.patch-position-modal-close:active{transform:scale(.95)}.patch-position-modal-body{padding:16px;overflow-y:auto;overflow-x:hidden;max-height:calc(85vh - 140px);-webkit-overflow-scrolling:touch}.patch-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:100%;width:100%}.patch-position-option{width:100%;min-height:120px;border:2px solid #4A5568;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#2d3748;color:#fff;text-align:center;gap:12px}.position-image-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.position-example-image{width:100%;height:100%;background:#1a202c;border:1px solid #4A5568;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.position-icon-large{font-size:24px;color:#e2e8f0}.position-label{width:100%;text-align:center}.position-label h4{margin:0;font-size:14px;font-weight:600;color:#fff;line-height:1.2}@media (hover: hover){.patch-position-option:hover{border-color:#fff9;box-shadow:0 4px 20px #ffffff1a;transform:translateY(-2px)}}.patch-position-option:active{transform:scale(.98);border-color:#fffc}.patch-position-option.selected{border-color:#e53e3e;box-shadow:0 0 20px #e53e3e4d;background:#e53e3e1a}.patch-position-option.selected .position-icon-large{color:#e53e3e}.patch-position-option.selected .position-example-image{border-color:#e53e3e;background:#e53e3e1a}.patch-position-option:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e4d}.selected-checkmark{position:absolute;top:8px;right:8px;background:#e53e3e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.patch-position-modal-selection{padding:12px 16px;background:#e53e3e1a;border-top:1px solid rgba(229,62,62,.3)}.selected-position-info{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px}.selected-position-info strong{color:#e53e3e}.patch-position-modal-footer{padding:16px 24px;border-top:1px solid #4A5568;display:flex;gap:12px;justify-content:flex-end}.patch-position-modal-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.patch-position-modal-button.secondary{background:transparent;color:#a0aec0;border:1px solid #4A5568}.patch-position-modal-button.secondary:hover{background:#ffffff0d;color:#fff}.patch-position-modal-button.primary{background:#e53e3e;color:#fff}.patch-position-modal-button.primary:hover{background:#c53030}.patch-position-modal-button.primary:disabled{background:#4a5568;color:#718096;cursor:not-allowed}.patch-position-modal-button:active{transform:scale(.98)}@media (max-width: 640px){.patch-position-grid{grid-template-columns:1fr;gap:12px}.patch-position-option{min-height:100px}.position-image-container{height:50px}}@media (min-width: 768px){.patch-position-modal-footer{padding:20px 24px}.patch-position-modal-button{padding:12px 24px;font-size:15px}}.pcsp-container{max-width:1200px;margin:0 auto;padding:1rem}.dark-theme{background-color:#1a202c;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.pcsp-header{text-align:center;margin-bottom:3rem}.pcsp-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.pcsp-header p{font-size:1.1rem;color:#a0aec0}.pcsp-recommended-info{background-color:#2d3748;border-left:4px solid #E53E3E;border-radius:6px;padding:1rem;margin:1.5rem auto 0;max-width:600px}.pcsp-recommended-info p{margin:0;font-size:1rem;color:#fff;line-height:1.5}.pcsp-recommended-info strong{color:#e53e3e}.pcsp-items-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;margin:0 auto}.pcsp-item-card{background-color:#2d3748;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f;display:flex;flex-direction:row;width:calc(50% - 5px);min-width:280px;min-height:180px;box-sizing:border-box}.pcsp-item-image{width:40%;height:auto;min-height:180px;object-fit:contain;background-color:#252d3a;border-right:1px solid #4A5568;padding:8px;flex-shrink:0}.pcsp-item-details{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.pcsp-item-details h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.pcsp-item-details p{color:#a0aec0;margin-bottom:1rem}.pcsp-quantity-display{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background-color:#1a202c;border-radius:6px;border:1px solid #4A5568}.pcsp-quantity-label{font-size:.9rem;color:#a0aec0;font-weight:500}.pcsp-quantity-controls{display:flex;align-items:center;gap:.5rem;margin-left:auto}.pcsp-quantity-btn{background-color:#e53e3e;color:#fff;border:none;border-radius:4px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;-webkit-user-select:none;user-select:none}.pcsp-quantity-btn:hover:not(:disabled){background-color:#c53030}.pcsp-quantity-btn:active:not(:disabled){background-color:#9c1c1c;transform:scale(.95)}.pcsp-quantity-btn:disabled{background-color:#4a5568;color:#a0aec0;cursor:not-allowed;opacity:.6}.pcsp-remove-btn{background-color:transparent;border:1px solid #E53E3E;color:#e53e3e;margin-left:4px}.pcsp-remove-btn:hover{background-color:#e53e3e1a;color:#fff;border-color:#c53030}.pcsp-remove-btn:active{background-color:#e53e3e33;transform:scale(.95)}.pcsp-quantity-value{font-size:1.1rem;color:#e53e3e;font-weight:700;background-color:#2d3748;padding:.25rem .5rem;border-radius:4px;min-width:2rem;text-align:center}.pcsp-color-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:#a0aec0}.pcsp-color-selector select{width:100%;padding:.75rem;border-radius:4px;border:1px solid #4A5568;background-color:#1a202c;color:#fff;font-size:1rem;cursor:pointer}.pcsp-color-selector select:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e66}.pcsp-color-selector select.error{border-color:#ef4444;background-color:#ef44441a}.pcsp-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}.pcsp-color-select-btn{width:fit-content;padding:4px;background-color:#2d3748;border:2px solid #4A5568;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;text-align:left;position:relative;height:auto}.pcsp-color-select-btn:hover{border-color:#718096;background-color:#374151}.pcsp-color-select-btn:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.pcsp-color-select-btn.selected{border-color:#e53e3e;background-color:#e53e3e1a}.pcsp-color-select-btn.error{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.selected-color-indicator{width:20px;height:20px;border-radius:50%;background-color:#e53e3e;flex-shrink:0;display:flex;align-items:center;justify-content:center}.selected-color-indicator:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.selected-color-name{flex:1;font-weight:500;color:#fff}.placeholder-icon{font-size:18px;opacity:.7}.placeholder-text{flex:1;color:#a0aec0;font-weight:400}.dropdown-arrow{font-size:12px;color:#a0aec0;margin-left:8px;transition:transform .2s ease}.pcsp-position-select-btn{width:fit-content;padding:4px;background-color:#2d3748;border:2px solid #4A5568;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;text-align:left;position:relative;height:auto}.pcsp-color-select-btn:active .modal-trigger-icon{transform:scale(.9)}.pcsp-position-select-btn:hover{border-color:#718096;background-color:#374151}.pcsp-position-select-btn:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.pcsp-position-select-btn.selected{border-color:#e53e3e;background-color:#e53e3e1a}.pcsp-position-select-btn.error{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.position-preview{width:120px;aspect-ratio:5/3;border-radius:4px;overflow:hidden;position:relative;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px}.selected-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;text-align:center}.position-icon{font-size:18px;color:#e53e3e;font-weight:700;flex-shrink:0}.position-text{font-weight:500;color:#fff;font-size:12px;line-height:1.2}.placeholder-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;text-align:center;border:2px dashed #A0AEC0;color:#a0aec0;background:none;border-radius:4px}.placeholder-position .placeholder-icon{font-size:18px;margin-bottom:2px}.placeholder-position .placeholder-text{font-size:11px;font-weight:500;line-height:1.2}.color-swatch-preview{width:120px;aspect-ratio:5/3;border-radius:4px;overflow:hidden;position:relative;min-height:44px}.selected-color-swatch{width:100%;height:100%;aspect-ratio:5/3;border-radius:4px;position:relative}.color-name-overlay{background:linear-gradient(transparent,#000000b3);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.8)}.recommended-swatch{width:100%;height:100%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:4px}.recommended-star{font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.recommended-text{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.placeholder-swatch{width:100%;height:100%;background:#4a5568;border:2px dashed #718096;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.placeholder-swatch .placeholder-icon{font-size:16px;opacity:.7}.placeholder-swatch .placeholder-text{font-size:11px;opacity:.8;font-weight:500}.pcsp-main{padding-bottom:1rem}.pcsp-container{padding-bottom:180px}@media (max-width: 576px){.pcsp-container{padding-bottom:160px}}.order-summary-container{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;margin:1.5rem 0 1rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 576px){.order-summary-container{margin:1rem 0 .5rem}}.pcsp-order-summary{background-color:#2d3748;border-radius:12px}.order-summary-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E2E8F0;background-color:#f8fafc}.order-summary-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.order-summary-toggle{background:none;border:1px solid #CBD5E0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;color:#4a5568;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.order-summary-toggle:hover{background-color:#edf2f7;border-color:#a0aec0}.toggle-icon{font-size:.75rem;transition:transform .2s ease}.order-totals-card{padding:1.5rem;background-color:#fff}.order-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-total-row.main-total{padding:1rem 0;border-top:2px solid #E2E8F0;border-bottom:2px solid #E2E8F0;margin:1rem 0}.total-label{font-size:1.125rem;font-weight:600;color:#2d3748}.total-value{display:flex;align-items:center}.final-price{font-size:1.5rem;font-weight:700;color:#e53e3e}.loading-price{font-size:1.125rem;color:#a0aec0;font-style:italic}.error-price{font-size:1.125rem;color:#e53e3e;font-weight:500}.order-meta-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid #E2E8F0}.dark-theme .order-summary-container{background-color:#2d3748;border-color:#4a5568}.dark-theme .order-summary-header{background-color:#1a202c;border-color:#4a5568}.dark-theme .order-summary-title{color:#fff}.dark-theme .order-summary-toggle{border-color:#4a5568;color:#a0aec0}.dark-theme .order-summary-toggle:hover{background-color:#4a5568;border-color:#718096}.dark-theme .order-totals-card{background-color:#2d3748}.dark-theme .total-label{color:#fff}.dark-theme .order-total-row.main-total{border-color:#4a5568}.dark-theme .meta-label{color:#a0aec0}.dark-theme .meta-value{color:#fff}.dark-theme .order-details-panel{background-color:#1a202c;border-color:#4a5568}.dark-theme .order-section{border-color:#4a5568}.dark-theme .section-title{color:#fff;border-color:#4a5568}.dark-theme .line-item{background-color:#2d3748;border-color:#4a5568}.dark-theme .line-item:hover{border-color:#718096}.dark-theme .item-name{color:#fff}.dark-theme .spec-item{background-color:#1a202c;border-color:#4a5568;color:#a0aec0}.dark-theme .item-quantity{background-color:#1a202c;border-color:#4a5568}.dark-theme .qty-label{color:#a0aec0}.dark-theme .benefit-card{background-color:#2d3748;border-color:#4a5568}.dark-theme .benefit-card.active{background-color:#10b9811a;border-color:#10b981}.dark-theme .benefit-card.inactive{background-color:#2d3748;border-color:#4a5568}.dark-theme .benefit-title{color:#fff}.dark-theme .benefit-status.pending{background-color:#1a202c;border-color:#4a5568;color:#a0aec0}.dark-theme .benefit-progress{color:#a0aec0}@media (max-width: 768px){.order-meta-info{grid-template-columns:1fr;gap:.75rem}.meta-item{display:flex;justify-content:space-between;align-items:center;text-align:left}.benefits-grid{grid-template-columns:1fr}.item-specs{flex-direction:column;gap:.5rem}.line-item{flex-direction:row;align-items:center;gap:.5rem;padding:.5rem}.item-info{flex:1;min-width:0}.item-specs{gap:.25rem}.spec-item{font-size:.6875rem;padding:.0625rem .25rem}.item-quantity{flex-shrink:0;min-width:45px;padding:.25rem .375rem}.qty-value{font-size:.875rem}.order-summary-header{flex-direction:column;gap:1rem;align-items:flex-start}.order-summary-toggle{align-self:stretch;justify-content:center}}.meta-item{text-align:center}.meta-label{display:block;font-size:.75rem;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.meta-value{display:block;font-size:1rem;font-weight:600;color:#2d3748}.order-details-panel{border-top:1px solid #E2E8F0;background-color:#f8fafc}.order-section{padding:1.5rem;border-bottom:1px solid #E2E8F0}.order-section:last-child{border-bottom:none}.section-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #E2E8F0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.benefit-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;transition:all .2s ease}.benefit-card.active{border-color:#10b981;background-color:#f0fdf4;box-shadow:0 1px 3px #10b9811a}.benefit-card.inactive{border-color:#e2e8f0;background-color:#fff}.benefit-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.benefit-status{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.benefit-status.achieved{background-color:#10b981;color:#fff}.benefit-status.pending{background-color:#f7fafc;color:#718096;border:1px solid #E2E8F0;font-size:.75rem}.benefit-title{font-size:.875rem;font-weight:500;color:#2d3748}.benefit-progress{font-size:.75rem;color:#718096;margin-top:.25rem}.line-items-list{display:flex;flex-direction:column;gap:.75rem}.line-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#fff;border:1px solid #E2E8F0;border-radius:6px;transition:border-color .2s ease;min-height:auto}.line-item:hover{border-color:#cbd5e0}.item-info{flex:1}.item-name{font-size:.875rem;font-weight:600;color:#2d3748;margin-bottom:.125rem;line-height:1.2}.item-specs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.125rem}.spec-item{font-size:.75rem;color:#718096;background-color:#f7fafc;padding:.125rem .375rem;border-radius:3px;border:1px solid #E2E8F0;line-height:1.2}.item-quantity{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .5rem;background-color:#f7fafc;border-radius:4px;border:1px solid #E2E8F0;min-width:50px}.qty-label{font-size:.625rem;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.05em}.qty-value{font-size:1rem;font-weight:700;color:#e53e3e;line-height:1}.pcsp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #4A5568}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;border:1px solid transparent;font-size:1rem}.btn-primary:hover{background-color:#c53030}.btn-secondary{background-color:transparent;color:#e53e3e;border-color:#e53e3e}.pcsp-section{margin:3rem 0;padding:2rem;background-color:#2d3748;border-radius:12px;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f}.pcsp-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.pcsp-section-description{font-size:1rem;color:#a0aec0;margin-bottom:2rem;line-height:1.5}.pcsp-shape-recommendation{background-color:#e53e3e1a;border:1px solid rgba(229,62,62,.3);border-radius:8px;padding:1rem;margin-bottom:2rem}.pcsp-shape-recommendation p{margin:0;font-size:.875rem;color:#a0aec0;line-height:1.4}.pcsp-shape-recommendation strong{color:#e53e3e;font-weight:600}.pcsp-shape-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:600px}.pcsp-shape-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background-color:#1a202c;border:2px solid #4A5568;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;min-height:100px;position:relative}.pcsp-shape-option:hover{border-color:#718096;background-color:#2d3748;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pcsp-shape-option:focus{outline:2px solid #E53E3E;outline-offset:2px}.pcsp-shape-option.selected{border-color:#e53e3e;background-color:#e53e3e1a;box-shadow:0 0 0 1px #e53e3e}.pcsp-shape-option.selected:before{content:"✓";position:absolute;top:.5rem;right:.5rem;background-color:#e53e3e;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.pcsp-shape-icon{width:40px;height:40px;background-color:#4a5568;margin-bottom:.75rem;transition:background-color .2s ease-in-out;position:relative;display:flex;align-items:center;justify-content:center}.pcsp-shape-option:nth-child(1) .pcsp-shape-icon{border-radius:50%}.pcsp-shape-option:nth-child(2) .pcsp-shape-icon{border-radius:4px}.pcsp-shape-option:nth-child(3) .pcsp-shape-icon{width:50px;height:30px;border-radius:4px}.pcsp-shape-option:nth-child(4) .pcsp-shape-icon{border-radius:4px;background:none;border:2px solid #4A5568}.pcsp-shape-option:nth-child(4) .pcsp-shape-icon:before{content:"✦";font-size:20px;color:#4a5568;font-weight:700}.pcsp-shape-option:hover .pcsp-shape-icon{background-color:#718096}.pcsp-shape-option:nth-child(4):hover .pcsp-shape-icon{border-color:#718096;background:none}.pcsp-shape-option:nth-child(4):hover .pcsp-shape-icon:before{color:#718096}.pcsp-shape-option.selected .pcsp-shape-icon{background-color:#e53e3e}.pcsp-shape-option.selected:nth-child(4) .pcsp-shape-icon{border-color:#e53e3e;background:none}.pcsp-shape-option.selected:nth-child(4) .pcsp-shape-icon:before{color:#e53e3e}.pcsp-shape-option span{font-size:.875rem;font-weight:500;color:#fff;line-height:1.2}.pcsp-positioning-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px}.pcsp-position-option{display:flex;flex-direction:column;background-color:#1a202c;border:2px solid #4A5568;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;position:relative}.pcsp-position-option:hover{border-color:#718096;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pcsp-position-option:focus{outline:2px solid #E53E3E;outline-offset:2px}.pcsp-position-option.selected{border-color:#e53e3e;background-color:#e53e3e0d;box-shadow:0 0 0 1px #e53e3e}.pcsp-position-option.selected:before{content:"✓";position:absolute;top:.75rem;right:.75rem;background-color:#e53e3e;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:1}.pcsp-position-image{height:120px;background-color:#2d3748;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #4A5568;transition:background-color .2s ease-in-out}.pcsp-position-option:hover .pcsp-position-image{background-color:#374151}.pcsp-position-option.selected .pcsp-position-image{background-color:#e53e3e1a}.pcsp-position-placeholder{font-size:.875rem;font-weight:500;color:#a0aec0;text-align:center;padding:1rem;border:2px dashed #4A5568;border-radius:6px;background-color:#1a202c;transition:all .2s ease-in-out}.pcsp-position-option:hover .pcsp-position-placeholder{border-color:#718096;color:#fff}.pcsp-position-option.selected .pcsp-position-placeholder{border-color:#e53e3e;color:#e53e3e;background-color:#e53e3e0d}.pcsp-position-info{padding:1rem}.pcsp-position-info h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.2}.pcsp-position-info p{font-size:.875rem;color:#a0aec0;line-height:1.4;margin:0}.pcsp-error-message{display:block;color:#e53e3e;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem;background-color:#e53e3e1a;border-radius:4px;border-left:3px solid #E53E3E}@media (max-width: 768px){.pcsp-item-card{width:100%;max-width:450px;margin:0 auto;min-height:140px}.pcsp-item-image{width:35%;min-height:140px;padding:6px}.pcsp-item-details{padding:.75rem}.pcsp-items-grid{gap:12px}.pcsp-header h1{font-size:2rem}.pcsp-container{padding:.75rem}.pcsp-section{margin:2rem 0;padding:1.5rem}.pcsp-section-title{font-size:1.25rem}.pcsp-shape-selector{grid-template-columns:repeat(2,1fr);gap:.75rem}.pcsp-shape-option{padding:1rem .75rem;min-height:80px}.pcsp-shape-icon{width:32px;height:32px;margin-bottom:.5rem}.pcsp-positioning-selector{grid-template-columns:1fr;gap:1rem}.pcsp-position-image{height:100px}.pcsp-position-info{padding:.75rem}}@media (max-width: 400px){.pcsp-item-card{max-width:350px;flex-direction:column;min-height:auto}.pcsp-item-image{width:100%;height:140px;min-height:auto;border-right:none;border-bottom:1px solid #4A5568;padding:8px}.pcsp-item-details{padding:.75rem;justify-content:flex-start}.pcsp-header h1{font-size:1.75rem}.pcsp-color-selector select{font-size:.9rem}}.pcsp-customization-selectors{margin-top:1rem;display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.pcsp-color-selector,.pcsp-position-selector{flex:1;min-width:0}.pcsp-color-selector label,.pcsp-position-selector label{display:block;font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}@media (max-width: 768px){.pcsp-customization-selectors{flex-direction:column;gap:1rem}.pcsp-color-selector,.pcsp-position-selector{flex:none;width:100%}}@media (max-width: 480px){.pcsp-customization-selectors{flex-direction:column;gap:.75rem}}.checkout-page{min-height:100vh;background-color:var(--color-background-primary, #1A202C);color:var(--color-text-primary, #FFFFFF);padding:0}.checkout-loading,.checkout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(229,62,62,.2);border-top:3px solid var(--color-accent-primary, #E53E3E);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:20px;height:20px;border-width:2px}.checkout-error h2{color:var(--color-accent-primary, #E53E3E);margin-bottom:8px}.checkout-error .btn-primary{background-color:var(--color-accent-primary, #E53E3E);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.checkout-error .btn-primary:hover{background-color:var(--color-accent-hover, #C53030)}.checkout-header{background-color:var(--color-surface-primary, #2D3748);padding:24px;border-bottom:1px solid var(--color-border-primary, #4A5568)}.checkout-header h1{font-size:28px;font-weight:700;margin:0;color:var(--color-text-primary, #FFFFFF)}.expandable-order-summary{display:none;background-color:var(--color-surface-primary, #2D3748);border:1px solid var(--color-border-primary, #4A5568);border-radius:8px;max-width:1200px;margin:0 auto 16px}.order-summary-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;color:var(--color-text-primary, #FFFFFF);cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease}.order-summary-toggle:hover{background-color:#e53e3e0d}.toggle-text{color:var(--color-accent-primary, #E53E3E);font-weight:500}.toggle-total{font-weight:600;color:var(--color-text-primary, #FFFFFF)}.toggle-icon{color:var(--color-text-secondary, #A0AEC0);transition:transform .2s ease;font-size:12px}.toggle-icon.expanded{transform:rotate(180deg)}.order-summary-content{border-top:1px solid var(--color-border-primary, #4A5568);padding:20px;background-color:var(--color-background-primary, #1A202C)}.expandable-order-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--color-surface-primary, #2D3748);border:1px solid var(--color-border-primary, #4A5568);border-radius:8px;margin-bottom:8px}.expandable-order-item:last-child{margin-bottom:16px}.expandable-item-image{flex-shrink:0}.expandable-product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;background-color:#f7fafc}.expandable-item-details{flex:1;min-width:0}.expandable-item-details h3{font-size:13px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary, #FFFFFF);line-height:1.2}.expandable-item-color-inline,.expandable-item-org{color:var(--color-text-secondary, #A0AEC0);font-weight:400}.expandable-item-price-qty,.expandable-item-patch{font-size:12px;color:var(--color-text-secondary, #A0AEC0);margin:2px 0}.expandable-item-total-price{font-size:14px;font-weight:600;color:var(--color-text-primary, #FFFFFF);flex-shrink:0}.expandable-order-totals{border-top:1px solid var(--color-border-primary, #4A5568);padding-top:16px}.expandable-total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:var(--color-text-secondary, #A0AEC0)}.expandable-total-line.expandable-total{font-size:16px;font-weight:700;color:var(--color-text-primary, #FFFFFF);padding-top:8px;border-top:1px solid var(--color-border-primary, #4A5568);margin-top:8px}.expandable-trust-signals{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 12px;padding:8px 0;border-top:1px solid var(--color-border-primary, #4A5568);border-bottom:1px solid var(--color-border-primary, #4A5568)}.expandable-trust-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary, #A0AEC0);line-height:1.1}.expandable-trust-icon{font-size:12px}.expandable-policies{background-color:var(--color-background-primary, #1A202C);border-radius:6px;padding:12px;margin-top:8px}.expandable-policies h3{font-size:13px;font-weight:600;color:var(--color-text-primary, #FFFFFF);margin:0 0 8px}.expandable-policies ul{margin:0;padding:0;list-style:none}.expandable-policies li{font-size:11px;color:var(--color-text-secondary, #A0AEC0);line-height:1.3;margin-bottom:4px;padding-left:10px;position:relative}.expandable-policies li:before{content:"•";color:var(--color-accent-primary, #E53E3E);position:absolute;left:0}.desktop-only{display:block}.mobile-only{display:none}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:32px;padding:32px 24px;max-width:1200px;margin:0 auto}.checkout-form-section{background-color:var(--color-surface-primary, #2D3748);border-radius:12px;padding:32px;border:1px solid var(--color-border-primary, #4A5568)}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h2{font-size:20px;font-weight:600;margin:0 0 20px;color:var(--color-text-primary, #FFFFFF);padding-bottom:8px;border-bottom:1px solid var(--color-border-primary, #4A5568)}.payment-section{background-color:#374151;border:2px solid rgba(229,62,62,.3);border-radius:12px;padding:24px;position:relative}.payment-description{font-size:14px;color:var(--color-text-secondary, #A0AEC0);margin-bottom:20px;line-height:1.5}.checkout-button{background-color:var(--color-accent-primary, #E53E3E);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px}.checkout-button:hover:not(:disabled){background-color:var(--color-accent-hover, #C53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.checkout-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.shipping-warning{font-size:13px;color:var(--color-accent-primary, #E53E3E);margin-top:12px;text-align:center}.payment-section h2{color:var(--color-text-primary, #FFFFFF);border-bottom-color:#e53e3e4d}.payment-placeholder{text-align:center;padding:32px 16px}.stripe-placeholder p:first-child{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary, #FFFFFF)}.payment-note{color:var(--color-text-secondary, #A0AEC0);margin-bottom:16px;line-height:1.5}.payment-icons{display:flex;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.payment-icons span{background-color:#e53e3e1a;padding:8px 12px;border-radius:6px;font-size:14px;border:1px solid rgba(229,62,62,.2)}.security-notice{background-color:#38a1691a;border:1px solid rgba(56,161,105,.2);border-radius:8px;padding:12px;margin-top:16px}.security-notice p{margin:0;color:#68d391;font-size:14px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:20px}.checkout-page .checkout-form-section .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#fff!important;font-size:14px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-primary, #FFFFFF)!important;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--color-border-primary, #4A5568);border-radius:8px;background-color:var(--color-background-primary, #1A202C);color:var(--color-text-primary, #FFFFFF);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent-primary, #E53E3E);box-shadow:0 0 0 3px #e53e3e1a}.form-group input.error,.form-group select.error{border-color:var(--color-accent-primary, #E53E3E);box-shadow:0 0 0 3px #e53e3e1a}.form-group input::placeholder{color:var(--color-text-subtle, #718096)}.error-message{display:block;color:var(--color-accent-primary, #E53E3E);font-size:12px;margin-top:4px;font-weight:500}.checkbox-group{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--color-text-primary, #FFFFFF)}.checkbox-label input[type=checkbox]{width:auto;margin-right:12px;transform:scale(1.2);accent-color:var(--color-accent-primary, #E53E3E)}.validation-message{margin-top:15px;padding:10px 15px;border-radius:5px;font-weight:500;display:flex;align-items:flex-start}.validation-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.validation-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.validation-message .loading-spinner.small{width:16px;height:16px;margin-right:8px;border-width:2px}.validation-icon{margin-right:8px;font-size:1.2em}.validation-icon.success{color:#155724}.validation-icon.warning{color:#e67e22}.zip-inline-warning{font-size:12px;color:#d32f2f;margin-top:4px;font-weight:500}.shipping-loading{display:flex;align-items:center;gap:12px;padding:20px;text-align:center;color:var(--color-text-secondary, #A0AEC0);font-size:14px}.shipping-rates{display:flex;flex-direction:column;gap:12px}.shipping-rate-option{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid var(--color-border-primary, #4A5568);border-radius:12px;margin-bottom:12px;background-color:var(--color-surface-primary, #2D3748);cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 2px 4px #0000001a;overflow:hidden}.shipping-rate-option:hover{border-color:var(--color-accent-primary, #E53E3E);background-color:#e53e3e14;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.shipping-rate-option.selected{border-color:var(--color-accent-primary, #E53E3E);background-color:#e53e3e26;box-shadow:0 0 0 3px #e53e3e33,0 4px 8px #00000026;transform:translateY(-2px);animation:pulse 1s}@keyframes pulse{0%{box-shadow:0 0 #e53e3e66}70%{box-shadow:0 0 0 6px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.shipping-rate-option.selected:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid var(--color-accent-primary, #E53E3E);border-radius:14px;background:linear-gradient(135deg,#e53e3e1a,#e53e3e0d);z-index:-1}.rate-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.rate-carrier{font-weight:600;color:var(--color-text-primary, #FFFFFF);font-size:16px}.rate-service{color:var(--color-text-secondary, #A0AEC0);font-size:14px}.rate-details{display:flex;align-items:center;justify-content:space-between;gap:12px}.rate-time{color:var(--color-text-secondary, #A0AEC0);font-size:13px}.rate-price{font-weight:600;color:var(--color-accent-primary, #E53E3E);font-size:16px}.rate-selector{margin-left:16px}.rate-selector input[type=radio]{width:20px;height:20px;accent-color:var(--color-accent-primary, #E53E3E)}.shipping-error{padding:20px;text-align:center;background-color:#e53e3e1a;border:1px solid rgba(229,62,62,.3);border-radius:8px;color:#fc8181}.shipping-error p{margin:8px 0;font-size:14px}.shipping-error p:first-child{font-weight:600}.order-summary-section{position:sticky;top:24px;height:fit-content}.order-summary{background-color:var(--color-surface-primary, #2D3748);border-radius:12px;padding:24px;border:1px solid var(--color-border-primary, #4A5568)}.order-summary h2{font-size:20px;font-weight:600;margin:0 0 20px;color:var(--color-text-primary, #FFFFFF);padding-bottom:12px;border-bottom:1px solid var(--color-border-primary, #4A5568)}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--color-border-primary, #4A5568)}.order-item:last-child{border-bottom:none}.item-details h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary, #FFFFFF)}.item-details p{font-size:14px;color:var(--color-text-secondary, #A0AEC0);margin:2px 0}.item-price{font-size:16px;font-weight:600;color:var(--color-text-primary, #FFFFFF)}.order-totals{margin:24px 0;padding-top:16px;border-top:1px solid var(--color-border-primary, #4A5568)}.total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.total-line.total{font-size:18px;font-weight:700;color:var(--color-text-primary, #FFFFFF);padding-top:12px;border-top:1px solid var(--color-border-primary, #4A5568);margin-top:12px}.trust-signals{background-color:#e53e3e0d;border:1px solid rgba(229,62,62,.2);border-radius:8px;padding:16px;margin:24px 0}.trust-badge{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--color-text-secondary, #A0AEC0)}.trust-badge:last-child{margin-bottom:0}.trust-icon{color:#38a169;font-size:16px}.policies{background-color:#a0aec00d;border:1px solid rgba(160,174,192,.2);border-radius:8px;padding:16px}.policies h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary, #FFFFFF)}.policies ul{margin:0;padding-left:16px;color:var(--color-text-secondary, #A0AEC0)}.policies li{font-size:14px;line-height:1.4;margin-bottom:4px}.order-summary-section{position:sticky;top:16px;height:fit-content}.order-summary{background-color:var(--color-surface-primary, #2D3748);border:1px solid var(--color-border-primary, #4A5568);border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.order-summary h2{font-size:18px;font-weight:600;color:var(--color-text-primary, #FFFFFF);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-primary, #4A5568)}.order-item{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a}.order-item:last-of-type{margin-bottom:16px}.item-image{flex-shrink:0}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;background-color:#f7fafc}.item-details{flex:1}.item-details h3{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 4px;line-height:1.3}.item-color-inline{color:#4299e1;font-weight:600}.item-org{color:#2d3748;font-weight:600}.item-price-qty{font-size:13px;color:#718096;margin:0;line-height:1.2}.item-total-price{font-size:16px;font-weight:700;color:#2d3748;white-space:nowrap}.order-totals{border-top:1px solid var(--color-border-primary, #4A5568);padding-top:8px;margin-bottom:12px}.total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;color:var(--color-text-secondary, #A0AEC0)}.total-line.total{font-size:16px;font-weight:700;color:var(--color-text-primary, #FFFFFF);padding-top:6px;margin-top:4px;border-top:1px solid var(--color-border-primary, #4A5568)}.trust-signals{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:8px 0;border-top:1px solid var(--color-border-primary, #4A5568);border-bottom:1px solid var(--color-border-primary, #4A5568)}.trust-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary, #A0AEC0);line-height:1.1}.trust-icon{font-size:14px}.payment-setup{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center;color:#495057}.payment-info{margin-bottom:1rem}.payment-info p{margin:0;font-size:.95rem;line-height:1.5}.proceed-to-payment-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px}.proceed-to-payment-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.proceed-to-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-actions{margin-top:1.5rem;text-align:center}.complete-payment-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:14px 32px;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:220px;box-shadow:0 2px 4px #48bb7833}.complete-payment-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #48bb7866}.complete-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:1rem;border-radius:6px;margin-top:1rem;text-align:center}.payment-error p{margin:0;font-weight:500}@media (max-width: 768px){.payment-setup{padding:1rem}.proceed-to-payment-btn,.complete-payment-btn{width:100%;min-width:unset}.payment-actions{margin-top:1rem}}.shipping-carrier-group{margin-bottom:12px}.shipping-carrier-group:last-child{margin-bottom:0}.carrier-header{margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--color-border-primary, #4A5568)}.carrier-name{font-size:14px;font-weight:600;color:var(--color-text-primary, #FFFFFF);margin:0;display:flex;align-items:center;gap:6px}.carrier-name:before{content:"";width:3px;height:12px;background-color:var(--color-accent-primary, #E53E3E);border-radius:1px}.carrier-rates{display:flex;flex-direction:column;gap:4px}.shipping-rate-option{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background-secondary, #2D3748);border:1px solid transparent;border-radius:6px;padding:12px;cursor:pointer;transition:all .15s ease}.shipping-rate-option:hover{background-color:var(--color-background-tertiary, #4A5568);border-color:var(--color-accent-primary, #E53E3E)}.shipping-rate-option.selected{border-color:var(--color-accent-primary, #E53E3E);background-color:#e53e3e14}.rate-info{flex:1;display:flex;align-items:center;justify-content:space-between}.rate-left{display:flex;align-items:center;gap:8px}.rate-service{font-size:14px;font-weight:600;color:var(--color-text-primary, #FFFFFF)}.rate-time{font-size:12px;color:var(--color-text-secondary, #A0AEC0);margin-left:8px}.rate-price{font-size:15px;font-weight:700;color:var(--color-accent-primary, #E53E3E);margin-right:12px}.rate-selector{flex-shrink:0}.rate-selector{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.rate-selector input[type=radio]{width:20px;height:20px;accent-color:var(--color-accent-primary, #E53E3E);cursor:pointer;transform:scale(1.2);transition:all .2s ease}.rate-selector input[type=radio]:checked{transform:scale(1.4);filter:drop-shadow(0 0 4px rgba(229,62,62,.6))}.shipping-rate-option.selected .rate-selector:after{content:"✓";position:absolute;right:-30px;top:50%;transform:translateY(-50%);color:var(--color-accent-primary, #E53E3E);font-weight:700;font-size:18px;text-shadow:0 0 4px rgba(229,62,62,.6);animation:fadeIn .3s ease-in-out}.shipping-rate-option.selected .rate-service{color:var(--color-accent-primary, #E53E3E);font-weight:600}.shipping-loading,.shipping-error{display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--color-text-secondary, #A0AEC0);background-color:var(--color-background-secondary, #2D3748);border-radius:8px;gap:8px}.shipping-error{color:var(--color-accent-primary, #E53E3E);flex-direction:column;gap:8px}.policies{background-color:var(--color-background-primary, #1A202C);border-radius:6px;padding:12px}.policies h3{font-size:13px;font-weight:600;color:var(--color-text-primary, #FFFFFF);margin:0 0 8px}.policies ul{margin:0;padding:0;list-style:none}.policies li{font-size:11px;color:var(--color-text-secondary, #A0AEC0);line-height:1.3;margin-bottom:4px;padding-left:10px;position:relative}.policies li:before{content:"•";color:var(--color-accent-primary, #E53E3E);position:absolute;left:0}.checkout-footer{position:sticky;bottom:0;background-color:var(--color-surface-primary, #2D3748);border-top:1px solid var(--color-border-primary, #4A5568);padding:20px 24px;text-align:center}.place-order-btn{background-color:var(--color-accent-primary, #E53E3E);color:#fff;border:none;padding:16px 48px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;min-width:200px;justify-content:center}.place-order-btn:hover:not(:disabled){background-color:var(--color-accent-hover, #C53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.place-order-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.order-summary-modern{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #E2E8F0;overflow:hidden}.order-summary-header-modern{background:linear-gradient(135deg,#e53e3e,#c53030);padding:20px 24px}.order-summary-header-modern h2{font-size:20px;font-weight:700;color:#fff;margin:0}.order-items-container-modern{padding:24px}.order-item-modern{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#f7fafc;border:1px solid #E2E8F0;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.order-item-modern:hover{box-shadow:0 4px 6px #0000001a}.order-item-modern:last-child{margin-bottom:0}.item-image-modern{flex-shrink:0}.product-thumbnail-modern{width:64px;height:64px;object-fit:cover;border-radius:8px;background-color:#f7fafc;box-shadow:0 2px 4px #0000001a}.item-details-modern{flex:1;min-width:0}.item-title-modern{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 8px;line-height:1.3}.item-specs-modern{display:flex;gap:8px;margin-bottom:6px}.item-color-badge-modern{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.item-size-badge-modern{background-color:#f5f5f5;color:#616161;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.item-price-qty-modern{font-size:12px;color:#718096;margin:0}.item-total-price-modern{font-size:18px;font-weight:700;color:#2d3748;flex-shrink:0}.order-totals-modern{border-top:1px solid #E2E8F0;background-color:#f9fafb;padding:20px 24px}.total-line-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#4a5568}.total-line-modern span:last-child{font-weight:600}.total-line-final-modern{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #CBD5E0;margin-top:8px}.total-line-final-modern span:first-child{font-size:18px;font-weight:700;color:#2d3748}.total-line-final-modern span:last-child{font-size:20px;font-weight:700;color:#e53e3e}.trust-signals-modern{border-top:1px solid #E2E8F0;background-color:#f0fdf4;padding:16px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-badge-modern{display:flex;align-items:center;gap:8px;font-size:12px;color:#166534;font-weight:500}.trust-icon-modern{font-size:16px}.policies-modern{border-top:1px solid #E2E8F0;background-color:#eff6ff;padding:16px 24px}.policies-modern h3{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 12px}.policies-modern ul{margin:0;padding:0;list-style:none}.policies-modern li{font-size:12px;color:#1e40af;line-height:1.4;margin-bottom:6px;padding-left:16px;position:relative}.policies-modern li:before{content:"•";color:#3b82f6;position:absolute;left:0;font-weight:700}.order-summary-toggle-modern{background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:8px;color:#fff!important;box-shadow:0 4px 6px #e53e3e33;transition:all .2s ease}.order-summary-toggle-modern:hover{background:linear-gradient(135deg,#c53030,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 8px #e53e3e4d}.order-summary-toggle-modern .toggle-text,.order-summary-toggle-modern .toggle-total{color:#fff!important}.order-summary-content-modern{background-color:#fff;border-top:1px solid var(--color-border-primary, #4A5568);padding:20px;border-radius:0 0 8px 8px}.expandable-order-item-modern{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#f7fafc;border:1px solid #E2E8F0;border-radius:8px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.expandable-product-thumbnail-modern{width:60px;height:60px;object-fit:cover;border-radius:8px;background-color:#f7fafc;box-shadow:0 2px 4px #0000001a}.expandable-item-details-modern{flex:1;min-width:0}.expandable-item-title{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 8px;line-height:1.3}.expandable-item-specs{display:flex;gap:8px;margin-bottom:6px}.expandable-item-color-badge{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.expandable-item-size-badge{background-color:#f5f5f5;color:#616161;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.expandable-item-total-price-modern{font-size:16px;font-weight:700;color:#2d3748;flex-shrink:0}.expandable-order-totals-modern{border-top:1px solid #E2E8F0;margin-top:16px;background-color:#f9fafb;padding:16px;border-radius:8px}.expandable-trust-signals-modern{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:16px;background-color:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px}.expandable-trust-badge-modern{display:flex;align-items:center;gap:6px;font-size:12px;color:#166534;font-weight:500}.expandable-policies-modern{background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:16px}.expandable-policies-modern h3{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 12px}.expandable-policies-modern ul{margin:0;padding:0;list-style:none}.expandable-policies-modern li{font-size:12px;color:#1e40af;line-height:1.4;margin-bottom:6px;padding-left:16px;position:relative}.expandable-policies-modern li:before{content:"•";color:#3b82f6;position:absolute;left:0;font-weight:700}@media (max-width: 768px){.expandable-order-summary{display:block;margin:0 16px 16px}.desktop-only{display:none}.mobile-only{display:block}.order-summary-toggle{padding:14px 16px;font-size:15px}.order-summary-content{padding:16px}.checkout-content{display:block;padding:16px}.checkout-form{padding:16px}.form-section{margin-bottom:24px}.form-row{flex-direction:column;gap:16px}.form-group{margin-bottom:16px}.checkout-footer{padding:16px}.place-order-btn{font-size:16px;padding:16px 24px}.checkout-form-section{padding:24px 24px 0}.payment-section{margin:0 -24px;background-color:var(--color-surface-primary, #2D3748);padding:24px;border-radius:0;border-top:1px solid var(--color-border-primary, #4A5568)}}@media (max-width: 576px){.checkout-header,.checkout-content{padding:12px}.checkout-form-section,.order-summary{padding:16px}.form-group input,.form-group select{font-size:16px}.checkout-form-section{padding:16px 16px 0}.payment-section{margin:0 -16px;background-color:var(--color-surface-primary, #2D3748);border-radius:0;padding:24px 16px;border-left:none;border-right:none;border-top:1px solid var(--color-border-primary, #4A5568)}}@media (prefers-contrast: high){.form-group input,.form-group select{border-width:3px}.trust-signals,.policies{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.place-order-btn:hover:not(:disabled){transform:none}.checkout-page *{transition:none!important}}.auto-populate-notification{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;animation:slideDown .3s ease-out}.auto-populate-notification.loading{background-color:#4299e11a;border:1px solid rgba(66,153,225,.3);color:#63b3ed}.auto-populate-notification.success{background-color:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#68d391}.auto-populate-notification.error{background-color:#f565651a;border:1px solid rgba(245,101,101,.3);color:#fc8181;justify-content:space-between;flex-wrap:wrap;gap:8px}.auto-populate-notification.error .retry-button{background-color:#f5656533;border:1px solid rgba(245,101,101,.4);color:#fc8181;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-left:auto}.auto-populate-notification.error .retry-button:hover{background-color:#f565654d;border-color:#f5656599}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(66,153,225,.3);border-top:2px solid #63B3ED;border-radius:50%;animation:spin .8s linear infinite}.icon-check{color:#68d391;flex-shrink:0}.form-group input.auto-populated,.form-group select.auto-populated{animation:highlightField 1.5s ease-out;position:relative}@keyframes highlightField{0%{background-color:#48bb7826;border-color:#48bb7880;box-shadow:0 0 #48bb7866}50%{background-color:#48bb781a;border-color:#48bb7866;box-shadow:0 0 0 4px #48bb781a}to{background-color:var(--color-surface-secondary, #1F2937);border-color:var(--color-border-primary, #4A5568);box-shadow:0 0 #48bb7800}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auto-populate-notification{animation:none}.form-group input.auto-populated,.form-group select.auto-populated{animation:none;background-color:#48bb780d}.spinner-small{animation:none;border-top-color:transparent;border-right-color:#63b3ed}}.coupon-section{background-color:var(--color-surface-primary, #2D3748);padding:24px;border-radius:8px;margin-bottom:24px}.coupon-input-wrapper{display:flex;flex-direction:column;gap:12px}.coupon-input-group{display:flex;gap:12px;align-items:stretch}.coupon-input{flex:1;padding:12px 16px;border:2px solid var(--color-border-primary, #4A5568);border-radius:8px;background-color:var(--color-background-primary, #1A202C);color:var(--color-text-primary, #FFFFFF);font-size:16px;transition:all .2s ease}.coupon-input:focus{outline:none;border-color:var(--color-accent-primary, #E53E3E);box-shadow:0 0 0 3px #e53e3e1a}.coupon-input.error{border-color:var(--color-error, #FC8181)}.coupon-input:disabled{opacity:.6;cursor:not-allowed}.coupon-apply-btn{padding:12px 24px;background-color:var(--color-accent-primary, #E53E3E);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.coupon-apply-btn:hover:not(:disabled){background-color:var(--color-accent-hover, #C53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.coupon-apply-btn:disabled{opacity:.5;cursor:not-allowed}.coupon-applied{padding:16px;background-color:#48bb781a;border:2px solid #48BB78;border-radius:8px}.coupon-success-message{display:flex;align-items:center;justify-content:space-between;gap:16px}.coupon-success-message .icon-check{color:#48bb78;flex-shrink:0}.coupon-details{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.coupon-code-display{font-weight:700;font-size:18px;color:#48bb78;text-transform:uppercase}.coupon-discount-display{font-size:16px;color:var(--color-text-secondary, #A0AEC0)}.coupon-remove-btn{padding:8px 16px;background-color:transparent;color:var(--color-text-subtle, #718096);border:1px solid var(--color-border-primary, #4A5568);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.coupon-remove-btn:hover{background-color:#ffffff0d;border-color:var(--color-text-subtle, #718096);color:var(--color-text-primary, #FFFFFF)}.coupon-error-message{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fc81811a;border:1px solid rgba(252,129,129,.3);border-radius:6px;color:#fc8181;font-size:14px}.coupon-error-message .icon-warning{flex-shrink:0}.coupon-discount-line{color:#48bb78;font-weight:600}.coupon-discount-line .discount-amount{color:#48bb78}@media (max-width: 768px){.coupon-section{padding:16px;margin-bottom:16px}.coupon-input-group{flex-direction:column}.coupon-apply-btn{width:100%;justify-content:center}.coupon-success-message{flex-direction:column;align-items:flex-start}.coupon-details{width:100%}.coupon-remove-btn{width:100%;margin-top:8px}}.order-confirmation-page{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.confirmation-container{max-width:800px;width:100%;background:#2d3748;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;overflow:hidden}.confirmation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff}.confirmation-loading .loading-spinner{width:40px;height:40px;border:3px solid #4A5568;border-top:3px solid #E53E3E;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.confirmation-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-align:center;padding:3rem 2rem}.success-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.confirmation-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.confirmation-subtitle{font-size:1.125rem;opacity:.9;max-width:500px;margin:0 auto}.confirmation-details{padding:2rem}.detail-section{margin-bottom:2.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;border-bottom:2px solid #E53E3E;padding-bottom:.5rem}.detail-grid{display:grid;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a202c;border-radius:8px;border-left:4px solid #E53E3E}.detail-label{color:#a0aec0;font-weight:500}.detail-value{color:#fff;font-weight:600;font-family:Courier New,monospace}.status-success{color:#10b981!important;background:#10b9811a;padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.next-steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#1a202c;border-radius:8px;border:1px solid #4A5568}.step-number{background:#e53e3e;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.step-content h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#a0aec0;margin:0;line-height:1.5}.contact-info p{color:#a0aec0;margin:0 0 1rem}.contact-methods{display:flex;flex-direction:column;gap:.75rem}.contact-method{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#1a202c;border-radius:8px;color:#fff}.contact-icon{font-size:1.25rem}.confirmation-actions{padding:2rem;border-top:1px solid #4A5568;text-align:center}.continue-shopping{background:#e53e3e;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.continue-shopping:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.continue-shopping:active{transform:translateY(0)}@media (max-width: 768px){.order-confirmation-page{padding:1rem}.confirmation-header{padding:2rem 1rem}.confirmation-header h1{font-size:2rem}.confirmation-details{padding:1.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.step{padding:1rem}.confirmation-actions{padding:1.5rem}.continue-shopping{width:100%;min-width:unset}}.confirmation-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-details-page{min-height:calc(100vh - 160px);background-color:var(--color-background-primary);padding:2rem 1rem}.order-details-container{max-width:1200px;margin:0 auto}.order-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border-primary);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.order-details-error{text-align:center;padding:3rem 1rem;background-color:var(--color-surface-primary);border-radius:.75rem;border:1px solid var(--color-border-primary)}.order-details-error h2{color:var(--color-text-primary);margin-bottom:1rem}.order-details-error p{color:var(--color-text-secondary);margin-bottom:2rem}.order-details-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s ease}.back-link:hover{color:var(--color-accent-primary)}.order-header-info{margin-bottom:1.5rem}.order-header-info h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.order-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .875rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-pending-artwork{background-color:#8b5cf626;color:#8b5cf6;border:1px solid #8B5CF6}.status-pending-production{background-color:#f59e0b26;color:#d97706;border:1px solid #F59E0B}.status-in-production{background-color:#6366f126;color:#6366f1;border:1px solid #6366F1}.status-shipped,.status-delivered{background-color:#10b98126;color:var(--color-success);border:1px solid var(--color-success)}.status-cancelled{background-color:#ef44441a;color:var(--color-error);border:1px solid var(--color-error)}.order-date{color:var(--color-text-secondary);font-size:.875rem}.order-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.order-details-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.order-details-grid{grid-template-columns:2fr 1fr;align-items:start}.order-items-section{grid-column:1;grid-row:1}.order-summary-section{grid-column:2;grid-row:1}.shipping-section{grid-column:1;grid-row:2}.billing-section{grid-column:1;grid-row:3}.instructions-section,.sample-code-section{grid-column:1 / -1}}.order-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:.875rem;padding:1.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.order-section h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem;padding-bottom:.875rem;border-bottom:2px solid var(--color-border-primary);display:flex;align-items:center;gap:.5rem}.order-items-list{display:flex;flex-direction:column;gap:1rem}.order-item-card{display:flex;gap:1rem;padding:1.25rem;background-color:var(--color-background-primary);border-radius:.625rem;border:1px solid var(--color-border-primary);transition:all .2s ease}.order-item-card:hover{box-shadow:0 2px 4px #0000000f;border-color:var(--color-accent-primary)}.item-image{width:80px;height:80px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background-color:var(--color-background-secondary)}.item-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle)}.item-details{flex:1;min-width:0}.item-details h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.item-specs{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.item-customization{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:var(--color-text-secondary);padding-top:.5rem;border-top:1px solid var(--color-border-primary)}.item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:100px}.price-label{font-size:.75rem;color:var(--color-text-subtle)}.price-value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.price-total{font-size:.875rem;color:var(--color-text-secondary)}@media (max-width: 640px){.order-item-card{flex-direction:column;background-color:var(--color-background-primary)}.item-image{width:100%;height:200px;border-radius:.5rem}.item-price{align-items:flex-start;padding-top:.75rem;border-top:1px solid var(--color-border-primary)}.shipping-content,.billing-content{grid-template-columns:1fr}}.order-summary-section{background-color:var(--color-surface-primary);box-shadow:0 2px 4px #0000000f}.summary-content{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:.875rem}.summary-row.total{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--color-accent-primary);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.shipping-section,.billing-section{background-color:#1f1f1f!important;transition:box-shadow .2s ease!important;border:1px solid #2a2a2a!important}.shipping-section:hover,.billing-section:hover{box-shadow:0 4px 12px #0000004d!important}.shipping-section h2,.billing-section h2{color:#f0f0f0!important;font-size:1.25rem!important;font-weight:600!important;border-bottom:2px solid #3a3a3a!important}.shipping-content,.billing-content{display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.address-block,.shipping-method,.tracking-info,.delivery-date{background-color:#2a2a2a!important;padding:1.5rem!important;border-radius:.75rem!important;border:1px solid #3a3a3a!important;transition:all .2s ease!important}.address-block *,.shipping-method *,.tracking-info *,.delivery-date *{color:#fff!important}.address-block:hover,.shipping-method:hover,.tracking-info:hover,.delivery-date:hover{border-color:#8b5cf6!important;background-color:#2f2f2f!important}.address-block h3,.shipping-method h3,.tracking-info h3,.delivery-date h3{font-size:.875rem!important;font-weight:600!important;color:#fff!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:.5rem!important;opacity:1!important}.address-block h3:before{content:""!important;display:none!important}.shipping-method h3:before{content:""!important;display:none!important}.tracking-info h3:before{content:""!important;display:none!important}.delivery-date h3:before{content:""!important;display:none!important}.address-block p,.shipping-method p,.tracking-info p,.delivery-date p{color:#fff!important;line-height:1.8!important;margin:0!important;font-size:.95rem!important}.address-block p strong,.shipping-method p strong,.tracking-info p strong,.delivery-date p strong{color:#fff!important;font-weight:700!important}.carrier{font-size:.8125rem;color:var(--color-text-subtle)}.payment-method{background-color:#2a2a2a!important;padding:1.5rem!important;border-radius:.75rem!important;border:1px solid #3a3a3a!important;transition:all .2s ease!important}.payment-method *{color:#fff!important}.payment-method:hover{border-color:#8b5cf6!important;background-color:#2f2f2f!important}.payment-method h3{font-size:.875rem!important;font-weight:600!important;color:#fff!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:.5rem!important;opacity:1!important}.payment-method h3:before{content:""!important;display:none!important}.payment-method p{color:#fff!important;line-height:1.8!important;margin:0!important;font-size:.95rem!important}.payment-method p strong{color:#fff!important;font-weight:700!important}.tracking-number{font-family:Courier New,monospace!important;font-size:1rem!important;background-color:#1a1a1a!important;padding:1rem!important;border-radius:.5rem!important;margin-bottom:1rem!important;border:2px dashed #8B5CF6!important;color:#f0f0f0!important;font-weight:600!important;letter-spacing:.05em!important;text-align:center!important}.track-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;color:#fff!important;text-decoration:none!important;font-size:.9rem!important;font-weight:600!important;background-color:#8b5cf6!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important}.track-link:hover{background-color:#9f6fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #8b5cf666!important}.instructions-section p{color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.sample-code-info{background-color:var(--color-background-primary);padding:1rem;border-radius:.5rem}.sample-code-info p{color:var(--color-text-secondary);margin:.5rem 0}.sample-code-info strong{color:var(--color-text-primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:40px}.btn-primary{background-color:var(--color-accent-primary);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}@media (min-width: 1024px){.order-details-page{padding:3rem 2rem}.order-details-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.order-header-info{flex:1}.order-actions{margin-bottom:0}}.shipping-section .address-block h3,.shipping-section .shipping-method h3,.shipping-section .tracking-info h3,.shipping-section .delivery-date h3,.billing-section .address-block h3,.billing-section .payment-method h3,.shipping-section .address-block p,.shipping-section .shipping-method p,.shipping-section .tracking-info p,.shipping-section .delivery-date p,.billing-section .address-block p,.billing-section .payment-method p{color:#fff!important}.btn-upload-artwork{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px #8b5cf640;position:relative;overflow:hidden}.btn-upload-artwork:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9f6fff,#8b5cf6);opacity:0;transition:opacity .3s ease}.btn-upload-artwork:hover:before{opacity:1}.btn-upload-artwork:hover{transform:translateY(-2px);box-shadow:0 8px 12px #8b5cf659}.btn-upload-artwork .upload-icon{position:relative;z-index:1;transition:transform .3s ease}.btn-upload-artwork:hover .upload-icon{transform:translateY(-2px)}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;padding:1rem}.upload-modal{background:var(--color-surface-primary);border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;border:1px solid rgba(139,92,246,.2)}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid var(--color-border-primary);background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,transparent 100%)}.upload-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.modal-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#8b5cf61a;color:#8b5cf6;transform:rotate(90deg)}.upload-modal-content{padding:2rem;min-height:300px}.upload-dropzone{border:2px dashed var(--color-border-primary);border-radius:.75rem;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(139,92,246,.02) 0%,transparent 100%);transition:all .3s ease;cursor:pointer;position:relative}.upload-dropzone.drag-active{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);transform:scale(1.02);box-shadow:0 8px 24px #8b5cf633}.upload-dropzone:hover{border-color:#8b5cf680;background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,transparent 100%)}.file-input-hidden{position:absolute;opacity:0;width:0;height:0}.upload-icon-large{color:#8b5cf6;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-instructions{margin-bottom:1.5rem}.upload-main-text{font-size:1.125rem;color:var(--color-text-primary);margin-bottom:.75rem;font-weight:500}.upload-browse-btn{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.upload-browse-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666;background:linear-gradient(135deg,#9f6fff,#8b5cf6)}.upload-requirements{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.upload-requirements p{font-size:.875rem;color:var(--color-text-secondary);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.upload-requirements p:before{content:"✓";color:#38a169;font-weight:700}.upload-error-message{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-top:1.5rem;color:var(--color-error);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.upload-progress-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.upload-file-preview{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:.75rem;width:100%}.file-icon{color:#8b5cf6;flex-shrink:0}.file-info{flex:1;text-align:left}.file-name{font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem;font-size:1rem;word-break:break-all}.file-size{font-size:.875rem;color:var(--color-text-secondary);margin:0}.progress-bar-container{width:100%}.progress-bar{width:100%;height:8px;background:var(--color-background-secondary);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#9f6fff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #8b5cf680;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;margin:0}.upload-status-message{text-align:center;color:var(--color-text-secondary);font-size:.875rem;margin:0}.upload-success-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.success-icon-container{position:relative}.success-icon{color:var(--color-success);animation:scaleIn .5s ease,checkmark .5s ease .3s}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkmark{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}.upload-success-container h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.upload-success-container p{color:var(--color-text-secondary);margin:0;font-size:1rem}.uploaded-file-summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(56,161,105,.1) 0%,transparent 100%);border:1px solid rgba(56,161,105,.3);border-radius:.5rem;color:var(--color-success)}.file-icon-small{flex-shrink:0}.upload-error-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.error-icon-container{position:relative}.error-icon{color:var(--color-error);animation:scaleIn .5s ease}.upload-error-container h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.upload-error-container p{color:var(--color-text-secondary);margin:0;font-size:1rem}.retry-btn{margin-top:1rem;min-width:150px}.upload-modal-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(139,92,246,.02) 0%,transparent 100%);border-top:1px solid var(--color-border-primary)}.upload-tips{background:var(--color-background-primary);border-radius:.5rem;padding:1.25rem;border:1px solid var(--color-border-primary)}.upload-tips h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.upload-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.upload-tips li{font-size:.8125rem;color:var(--color-text-secondary);padding-left:1.5rem;position:relative}.upload-tips li:before{content:"💡";position:absolute;left:0;top:0}@media (max-width: 640px){.upload-modal{max-width:100%;margin:1rem;max-height:85vh}.upload-modal-header{padding:1.25rem 1.5rem}.upload-modal-header h2{font-size:1.25rem}.upload-modal-content{padding:1.5rem}.upload-dropzone{padding:2rem 1.5rem}.upload-icon-large{width:48px;height:48px}.upload-main-text{font-size:1rem}.upload-browse-btn{padding:.625rem 1.5rem;font-size:.875rem}.upload-requirements{gap:.375rem}.upload-requirements p{font-size:.75rem}.upload-modal-footer{padding:1.25rem 1.5rem}.upload-tips{padding:1rem}.btn-upload-artwork{width:100%;justify-content:center}}@media (min-width: 641px) and (max-width: 1023px){.upload-modal{max-width:500px}}@media print{.back-link,.order-actions,.track-link,.upload-modal-overlay{display:none!important}.order-details-page{background:#fff!important;color:#000!important}.order-section{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}}.personalized-sample-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.error-container h2{margin-bottom:20px;font-size:2rem}.error-message{font-size:1.1rem;margin-bottom:30px;max-width:500px}.sample-content{max-width:1000px;margin:0 auto;color:#fff}.sample-hero{text-align:center;margin-bottom:50px}.welcome-title{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.trust-message{font-size:1.3rem;opacity:.9;font-weight:300}.sample-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;align-items:center}.personalized-sample-page .sample-image-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;min-height:500px!important;max-height:600px!important;background-color:transparent!important;overflow:visible!important}.personalized-sample-page .sample-image-container .sample-image{max-width:100%!important;max-height:600px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;border-radius:16px;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease}.sample-image:hover{transform:scale(1.05)}.sample-info-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.handled-section{background:#22c55e26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:25px}.handled-section h3{font-size:1.3rem;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:8px}.handled-list{list-style:none;padding:0;margin:0}.handled-list li{padding:8px 0;font-size:1rem;color:#ffffffe6;display:flex;align-items:center;gap:8px}.sample-details-section{background:#3b82f626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:25px}.sample-details-section h3{font-size:1.3rem;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:8px}.sample-details-list{list-style:none;padding:0;margin:0}.sample-details-list li{padding:8px 0;font-size:1rem;color:#ffffffe6;display:flex;align-items:center;gap:8px}.order-freedom-message{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.order-freedom-message p{margin:0;font-size:1.1rem;color:#fffffff2;line-height:1.5}.order-freedom-message strong{color:#fff;font-weight:600}.action-section{text-align:center}.start-order-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff;font-size:1.3rem;font-weight:600;padding:18px 40px;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ee5a2466;margin-bottom:15px}.start-order-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ee5a2499}.action-subtitle{font-size:1rem;opacity:.8;margin:0}@media (max-width: 768px){.personalized-sample-page{padding:15px}.welcome-title{font-size:2.2rem}.trust-message{font-size:1.1rem}.sample-showcase{grid-template-columns:1fr;gap:30px}.sample-info-split{grid-template-columns:1fr;gap:20px}.handled-section,.sample-details-section{padding:20px}.handled-section h3,.sample-details-section h3{font-size:1.2rem}.start-order-btn{font-size:1.1rem;padding:15px 30px}}@media (max-width: 480px){.welcome-title{font-size:1.8rem}.trust-message{font-size:1rem}.branding-info h3{font-size:1.3rem}.branding-details li{font-size:1rem}}:root{--aup-bg: #1A202C;--aup-surface: #2D3748;--aup-surface-hover: #374151;--aup-border: #4A5568;--aup-primary: #E53E3E;--aup-primary-hover: #C53030;--aup-success: #38A169;--aup-success-bg: rgba(56, 161, 105, .1);--aup-warning: #F6AD55;--aup-text-primary: #FFFFFF;--aup-text-secondary: #A0AEC0;--aup-text-subtle: #718096;--aup-radius: 8px;--aup-spacing-sm: 8px;--aup-spacing-md: 16px;--aup-spacing-lg: 24px;--aup-spacing-xl: 32px}.aup-page{min-height:100vh;background-color:var(--aup-bg);color:var(--aup-text-primary);display:flex;flex-direction:column}.aup-header{background-color:var(--aup-surface);border-bottom:1px solid var(--aup-border);padding:var(--aup-spacing-lg) var(--aup-spacing-xl)}.aup-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.aup-logo h1{font-size:28px;font-weight:700;color:var(--aup-primary);margin:0;letter-spacing:-.5px}.aup-header-info{color:var(--aup-text-secondary);font-size:14px}.aup-main{flex:1;padding:var(--aup-spacing-xl)}.aup-container{max-width:900px;margin:0 auto}.aup-intro{text-align:center;margin-bottom:var(--aup-spacing-xl)}.aup-intro h2{font-size:32px;font-weight:700;margin:0 0 var(--aup-spacing-sm) 0;color:var(--aup-text-primary)}.aup-intro p{font-size:18px;color:var(--aup-text-secondary);margin:0}.aup-order-note{font-size:14px;color:var(--aup-text-subtle);margin-top:var(--aup-spacing-sm);font-style:italic}.aup-error-message{background-color:#e53e3e1a;border:1px solid rgba(229,62,62,.3);border-radius:var(--aup-radius);padding:var(--aup-spacing-md);margin-bottom:var(--aup-spacing-lg);display:flex;align-items:center;gap:var(--aup-spacing-sm)}.aup-error-message span{color:var(--aup-primary);font-size:14px}.aup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--aup-spacing-lg)}.aup-spinner{width:48px;height:48px;border:4px solid rgba(229,62,62,.2);border-top:4px solid var(--aup-primary);border-radius:50%;animation:aup-spin 1s linear infinite}@keyframes aup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aup-loading p{color:var(--aup-text-secondary);font-size:16px}.aup-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--aup-spacing-md);padding:var(--aup-spacing-xl)}.aup-error-container h2{color:var(--aup-primary);font-size:28px;margin:0}.aup-error-container p{color:var(--aup-text-secondary);font-size:16px;max-width:500px;line-height:1.6}.aup-error-help{color:var(--aup-text-subtle);font-size:14px}.aup-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--aup-spacing-lg);padding:var(--aup-spacing-xl);max-width:600px;margin:0 auto}.aup-success-icon{width:80px;height:80px;background-color:var(--aup-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--aup-success)}.aup-success-icon .aup-check-icon{width:40px;height:40px;color:var(--aup-success)}.aup-success-container h2{color:var(--aup-text-primary);font-size:28px;margin:0}.aup-success-container p{color:var(--aup-text-secondary);font-size:16px;line-height:1.6;margin:0}.aup-success-info{background-color:var(--aup-surface);border-radius:var(--aup-radius);padding:var(--aup-spacing-lg);width:100%;text-align:left;margin-top:var(--aup-spacing-md)}.aup-success-info h3{color:var(--aup-text-primary);font-size:18px;margin:0 0 var(--aup-spacing-md) 0}.aup-success-info ol{color:var(--aup-text-secondary);font-size:14px;line-height:1.8;margin:0;padding-left:var(--aup-spacing-lg)}.aup-items-summary{background-color:var(--aup-surface);border-radius:var(--aup-radius);padding:var(--aup-spacing-lg);margin-bottom:var(--aup-spacing-xl);border:1px solid var(--aup-border)}.aup-items-summary h3{font-size:18px;font-weight:600;color:var(--aup-text-primary);margin:0 0 var(--aup-spacing-md) 0}.aup-items-list-summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--aup-spacing-sm)}.aup-items-list-summary li{color:var(--aup-text-secondary);font-size:14px;padding:var(--aup-spacing-sm);background-color:#1a202c4d;border-radius:4px}.aup-upload-section{margin-bottom:var(--aup-spacing-xl)}.aup-items-list{display:flex;flex-direction:column;gap:var(--aup-spacing-lg);margin-bottom:var(--aup-spacing-xl)}.aup-item-card{background-color:var(--aup-surface);border:1px solid var(--aup-border);border-radius:var(--aup-radius);padding:var(--aup-spacing-lg);transition:border-color .2s ease}.aup-item-card:hover{border-color:var(--aup-primary)}.aup-item-header{margin-bottom:var(--aup-spacing-lg)}.aup-item-header h3{font-size:20px;font-weight:600;color:var(--aup-text-primary);margin:0 0 var(--aup-spacing-sm) 0}.aup-item-details{display:flex;align-items:center;gap:var(--aup-spacing-sm);color:var(--aup-text-secondary);font-size:14px}.aup-separator{color:var(--aup-text-subtle)}.aup-dropzone{border:2px dashed var(--aup-border);border-radius:var(--aup-radius);padding:var(--aup-spacing-xl);text-align:center;background-color:#2d37484d;transition:all .3s ease;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.aup-dropzone:hover:not(.aup-dropzone-success){border-color:var(--aup-primary);background-color:#e53e3e0d}.aup-dropzone-active{border-color:var(--aup-primary);background-color:#e53e3e1a;border-width:2px}.aup-dropzone-success{border-color:var(--aup-success);background-color:var(--aup-success-bg);border-style:solid}.aup-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--aup-spacing-md);width:100%}.aup-upload-icon{color:var(--aup-text-secondary);transition:color .2s ease}.aup-dropzone:hover .aup-upload-icon{color:var(--aup-primary)}.aup-upload-text{font-size:18px;font-weight:500;color:var(--aup-text-primary);margin:0}.aup-upload-formats{font-size:14px;color:var(--aup-text-subtle);margin:0}.aup-file-preview{display:flex;flex-direction:column;align-items:center;gap:var(--aup-spacing-md)}.aup-image-preview{max-width:200px;max-height:150px;object-fit:contain;border-radius:var(--aup-radius);background-color:#fff;padding:var(--aup-spacing-sm);box-shadow:0 2px 8px #0003}.aup-file-icon{width:48px;height:48px;color:var(--aup-text-secondary)}.aup-file-name{font-size:16px;font-weight:500;color:var(--aup-text-primary);word-break:break-all;max-width:100%}.aup-btn-change{background-color:transparent;color:var(--aup-primary);border:1px solid var(--aup-primary);padding:var(--aup-spacing-sm) var(--aup-spacing-md);border-radius:var(--aup-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.aup-btn-change:hover{background-color:var(--aup-primary);color:#fff}.aup-upload-success{display:flex;flex-direction:column;align-items:center;gap:var(--aup-spacing-sm)}.aup-check-icon{color:var(--aup-success);width:32px;height:32px}.aup-upload-status{color:var(--aup-success);font-size:16px;font-weight:500;margin:0}.aup-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#e53e3e33;border-radius:0 0 var(--aup-radius) var(--aup-radius);overflow:hidden}.aup-progress-fill{height:100%;background-color:var(--aup-primary);transition:width .3s ease}.aup-notes-section{margin-top:var(--aup-spacing-lg)}.aup-notes-section label{display:block;font-size:14px;font-weight:500;color:var(--aup-text-secondary);margin-bottom:var(--aup-spacing-sm)}.aup-notes-input{width:100%;background-color:#1a202c80;border:1px solid var(--aup-border);border-radius:var(--aup-radius);padding:var(--aup-spacing-md);color:var(--aup-text-primary);font-size:14px;resize:vertical;transition:border-color .2s ease}.aup-notes-input:focus{outline:none;border-color:var(--aup-primary)}.aup-notes-input::placeholder{color:var(--aup-text-subtle)}.aup-btn-upload-item{margin-top:var(--aup-spacing-md);width:100%;background-color:var(--aup-primary);color:#fff;border:none;padding:var(--aup-spacing-md) var(--aup-spacing-lg);border-radius:var(--aup-radius);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.aup-btn-upload-item:hover:not(:disabled){background-color:var(--aup-primary-hover)}.aup-btn-upload-item:disabled{background-color:var(--aup-border);cursor:not-allowed;opacity:.6}.aup-actions{display:flex;justify-content:center;margin:var(--aup-spacing-xl) 0}.aup-btn-upload-all{padding:var(--aup-spacing-md) var(--aup-spacing-xl);font-size:18px}.aup-btn-primary{background-color:var(--aup-primary);color:#fff;border:none;padding:var(--aup-spacing-md) var(--aup-spacing-lg);border-radius:var(--aup-radius);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .2s ease}.aup-btn-primary:hover{background-color:var(--aup-primary-hover)}.aup-btn-primary:disabled{background-color:var(--aup-border);cursor:not-allowed;opacity:.6}.aup-instructions{background-color:var(--aup-surface);border-radius:var(--aup-radius);padding:var(--aup-spacing-xl);margin-top:var(--aup-spacing-xl)}.aup-instructions h3{font-size:20px;font-weight:600;color:var(--aup-text-primary);margin:0 0 var(--aup-spacing-lg) 0}.aup-guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--aup-spacing-lg)}.aup-guideline{padding:var(--aup-spacing-md);background-color:#1a202c80;border-radius:var(--aup-radius);border:1px solid var(--aup-border)}.aup-guideline h4{font-size:16px;font-weight:600;color:var(--aup-primary);margin:0 0 var(--aup-spacing-sm) 0}.aup-guideline p{font-size:14px;color:var(--aup-text-secondary);line-height:1.6;margin:0}.aup-alert-icon{color:var(--aup-primary);width:20px;height:20px;flex-shrink:0}.aup-footer{background-color:var(--aup-surface);border-top:1px solid var(--aup-border);padding:var(--aup-spacing-lg) var(--aup-spacing-xl);text-align:center;margin-top:auto}.aup-footer p{color:var(--aup-text-secondary);font-size:14px;margin:var(--aup-spacing-sm) 0}.aup-footer a{color:var(--aup-primary);text-decoration:none;transition:color .2s ease}.aup-footer a:hover{color:var(--aup-primary-hover);text-decoration:underline}@media (max-width: 768px){.aup-header{padding:var(--aup-spacing-md) var(--aup-spacing-lg)}.aup-header-content{flex-direction:column;gap:var(--aup-spacing-sm);text-align:center}.aup-logo h1{font-size:24px}.aup-main{padding:var(--aup-spacing-lg)}.aup-intro h2{font-size:24px}.aup-intro p{font-size:16px}.aup-item-card{padding:var(--aup-spacing-md)}.aup-dropzone{padding:var(--aup-spacing-lg);min-height:180px}.aup-upload-text{font-size:16px}.aup-guidelines-grid{grid-template-columns:1fr;gap:var(--aup-spacing-md)}.aup-instructions{padding:var(--aup-spacing-lg)}.aup-image-preview{max-width:150px;max-height:120px}}@media (max-width: 480px){.aup-header,.aup-main{padding:var(--aup-spacing-md)}.aup-intro h2{font-size:20px}.aup-intro p{font-size:14px}.aup-item-header h3{font-size:18px}.aup-item-details{flex-direction:column;align-items:flex-start;gap:4px}.aup-separator{display:none}.aup-dropzone{padding:var(--aup-spacing-md);min-height:160px}.aup-upload-icon{width:36px;height:36px}.aup-upload-text{font-size:14px}.aup-upload-formats{font-size:12px}.aup-btn-primary,.aup-btn-upload-item{font-size:14px;padding:var(--aup-spacing-sm) var(--aup-spacing-md)}.aup-footer{padding:var(--aup-spacing-md)}.aup-footer p{font-size:12px}}.proof-approval-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1a202c}.page-header{background:#fff;padding:2rem;text-align:center;border-bottom:3px solid #e53e3e;box-shadow:0 2px 4px #0000000d}.company-logo img{height:60px;margin-bottom:1rem}.page-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.page-header p{font-size:1.125rem;color:#4a5568;margin:0}.status-banner{padding:1rem 2rem;text-align:center;font-weight:600;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.status-banner.status-pending{background:#fef3c7;color:#92400e;border-bottom:2px solid #f59e0b}.status-banner.status-approved{background:#d1fae5;color:#065f46;border-bottom:2px solid #10b981}.status-banner.status-revision{background:#fed7d7;color:#c53030;border-bottom:2px solid #e53e3e}.status-banner.status-draft{background:#e2e8f0;color:#4a5568;border-bottom:2px solid #a0aec0}.status-text{font-size:1.125rem}.status-date{font-size:.875rem;font-weight:400;opacity:.8}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.customer-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;text-align:center}.customer-section h2{font-size:1.75rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.customer-section p{font-size:1.125rem;color:#4a5568;margin:0;line-height:1.6}.order-summary{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.order-summary h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.order-items{display:flex;flex-direction:column;gap:.75rem}.order-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7fafc;border-radius:8px}.item-name{font-weight:600;color:#1a202c}.item-details{color:#4a5568;font-size:.875rem}.proof-options{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.proof-options h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 1.5rem;text-align:center}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.proof-option{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.proof-option:hover{border-color:#e53e3e;box-shadow:0 8px 25px #e53e3e26;transform:translateY(-2px)}.proof-header h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.proof-image-container{position:relative;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;cursor:pointer}.proof-image{width:100%;height:250px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:transform .3s ease}.proof-image:hover{transform:scale(1.02)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:1rem;font-size:.875rem;font-weight:500;opacity:0;transition:opacity .3s ease}.proof-image-container:hover .image-overlay{opacity:1}.proof-actions{display:flex;flex-direction:column;gap:.75rem}.btn-approve{background:#48bb78;color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-approve:hover:not(:disabled){background:#38a169;transform:translateY(-1px);box-shadow:0 4px 12px #48bb7866}.btn-approve:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-view-full{background:transparent;color:#3182ce;border:2px solid #3182ce;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-view-full:hover{background:#3182ce;color:#fff;transform:translateY(-1px)}.revision-section{background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.revision-header h3{font-size:1.5rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.revision-header p{color:#92400e;margin:0 0 1.5rem;line-height:1.6}.btn-request-changes{background:#f59e0b;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-request-changes:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.revision-form{text-align:left;max-width:600px;margin:0 auto}.revision-form h4{font-size:1.125rem;font-weight:600;color:#92400e;margin:0 0 1rem}.revision-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;line-height:1.6;resize:vertical;margin-bottom:1rem;font-family:inherit}.revision-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.revision-form-actions{display:flex;gap:1rem;justify-content:center}.btn-submit-revision{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit-revision:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-submit-revision:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel-revision{background:transparent;color:#718096;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel-revision:hover{background:#f7fafc;border-color:#cbd5e0}.status-message{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;text-align:center}.approved-message{color:#065f46}.approved-message h3{font-size:1.5rem;margin:0 0 1rem}.revision-message{color:#92400e}.revision-message h3{font-size:1.5rem;margin:0 0 1rem}.success-message,.error-message{margin:1rem 2rem;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.75rem}.success-message{background:#d1fae5;border:1px solid #10b981;color:#065f46}.error-message{background:#fed7d7;border:1px solid #e53e3e;color:#c53030;position:relative}.success-icon,.error-icon{font-size:1.25rem}.error-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:#c53030;padding:.25rem;border-radius:4px}.error-close:hover{background:#c530301a}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #e53e3e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container .error-icon{font-size:4rem;margin-bottom:1rem;color:#e53e3e}.error-container h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.error-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-retry,.btn-contact{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-retry{background:#e53e3e;color:#fff;border:none;cursor:pointer}.btn-retry:hover{background:#c53030;transform:translateY(-1px)}.btn-contact{background:transparent;color:#3182ce;border:2px solid #3182ce}.btn-contact:hover{background:#3182ce;color:#fff}.page-footer{background:#1a202c;color:#e2e8f0;text-align:center;padding:2rem;margin-top:3rem}.page-footer p{margin:0 0 .5rem}.page-footer a{color:#e53e3e;text-decoration:none}.page-footer a:hover{text-decoration:underline}.footer-tagline{font-weight:600;color:#a0aec0;font-size:1.125rem}@media (max-width: 768px){.main-content{padding:1rem}.page-header{padding:1.5rem 1rem}.page-header h1{font-size:1.5rem}.status-banner{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.proof-grid{grid-template-columns:1fr;gap:1.5rem}.proof-option{padding:1rem}.customer-section,.order-summary,.proof-options,.revision-section{padding:1.5rem;margin-bottom:1.5rem}.revision-form-actions,.error-actions{flex-direction:column}.order-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.main-content{padding:.5rem}.page-header{padding:1rem .5rem}.company-logo img{height:50px}.customer-section,.order-summary,.proof-options,.revision-section{padding:1rem;margin-bottom:1rem}.proof-image{height:200px}.btn-approve,.btn-request-changes{padding:.75rem 1rem;font-size:.875rem}}.cart-page{min-height:100vh;background-color:#1a202c;padding:32px 16px 80px}.cart-page-container{max-width:1200px;margin:0 auto}.cart-header{margin-bottom:32px}.cart-title{font-size:28px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px}.cart-item-count{font-size:18px;font-weight:400;color:#a0aec0}.cart-content{display:grid;grid-template-columns:1fr;gap:32px}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#a0aec0;gap:16px}.spinner-large{width:48px;height:48px;border:4px solid #4A5568;border-top-color:#e53e3e;border-radius:50%;animation:spin .8s linear infinite}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:48px 24px}.empty-cart-icon{color:#718096;opacity:.5;margin-bottom:24px;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.7}}.empty-cart-heading{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.empty-cart-description{font-size:16px;color:#a0aec0;margin:0 0 32px}.empty-cart-cta{min-width:200px}.pricing-tier-indicator{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:24px;margin-bottom:24px}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tier-heading{font-size:18px;font-weight:600;color:#fff;margin:0}.tier-quantity{font-size:16px;font-weight:600;color:#e53e3e}.tier-progress-container{width:100%;height:8px;background-color:#4a5568;border-radius:4px;overflow:hidden;margin-bottom:12px}.tier-progress-bar{height:100%;background:linear-gradient(90deg,#e53e3e,#c53030);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.tier-next-message{font-size:14px;color:#a0aec0;margin:0 0 16px}.tier-next-message strong{color:#fff}.tier-benefits{display:flex;flex-direction:column;gap:8px}.tier-benefit{display:flex;align-items:center;gap:8px;font-size:14px;color:#718096;padding:8px 12px;border-radius:8px;background-color:#4a55684d;transition:all .2s ease}.tier-benefit.unlocked{color:#fff;background-color:#38a16933}.tier-benefit.next{border:1px solid #E53E3E;background-color:#e53e3e1a;color:#fff}.tier-benefit-icon{font-size:16px;font-weight:600}.tier-benefit.unlocked .tier-benefit-icon{color:#38a169}.tier-benefit.next .tier-benefit-icon{color:#e53e3e}.tier-savings{color:#a0aec0;font-size:13px}.tier-celebration{margin-top:12px;padding:12px;background-color:#38a16933;border-radius:8px;text-align:center}.tier-celebration p{margin:0;color:#fff;font-size:15px}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item-card{display:flex;gap:16px;background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:16px;transition:all .2s cubic-bezier(0,0,.2,1)}.cart-item-card:hover{border-color:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cart-item-card.removing{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:opacity .15s cubic-bezier(.4,0,1,1),max-height .15s cubic-bezier(.4,0,1,1) .15s,margin-bottom .15s cubic-bezier(.4,0,1,1) .15s,padding .15s cubic-bezier(.4,0,1,1) .15s}.cart-item-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:#1a202c}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:8px}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cart-item-title{font-size:16px;font-weight:600;color:#fff;margin:0}.cart-item-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#e53e3e1a;border:1px solid #E53E3E;border-radius:6px;color:#e53e3e;font-size:24px;line-height:1;cursor:pointer;transition:all .15s ease}.cart-item-remove:hover{background-color:#e53e3e;color:#fff}.cart-item-remove:focus-visible{outline:2px solid #E53E3E;outline-offset:2px}.cart-item-specs{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#a0aec0}.cart-item-spec strong{color:#fff}.cart-item-patch{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0aec0}.cart-item-patch-label{font-weight:500;color:#fff}.cart-item-patch-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #4A5568}.cart-item-patch-position{color:#a0aec0}.cart-item-quantity{display:flex;align-items:center;gap:12px;margin-top:4px}.quantity-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#4a5568;border:1px solid #718096;border-radius:6px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(0,0,.2,1)}.quantity-button:hover:not(:disabled){background-color:#e53e3e;border-color:#e53e3e}.quantity-button:active:not(:disabled){transform:scale(.9);transition-duration:.1s}.quantity-button:disabled{opacity:.5;cursor:not-allowed}.quantity-button:focus-visible{outline:2px solid #E53E3E;outline-offset:2px}.quantity-display{min-width:40px;text-align:center;font-size:16px;font-weight:600;color:#fff}.quantity-display.updating{display:flex;align-items:center;justify-content:center}.quantity-spinner{display:inline-flex}.quantity-spinner .spinner{width:16px;height:16px;animation:spin .8s linear infinite}.quantity-spinner .spinner circle{stroke:#e53e3e;stroke-dasharray:30;stroke-dashoffset:15}.cart-item-error{padding:8px 12px;background-color:#e53e3e1a;border:1px solid #E53E3E;border-radius:6px;color:#e53e3e;font-size:13px}.cart-item-pricing{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #4A5568}.cart-item-unit-price{font-size:13px;color:#a0aec0}.cart-item-total{font-size:18px;font-weight:600;color:#fff}.cart-summary{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:24px;position:sticky;top:120px}.cart-summary-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 20px}.cart-summary-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #4A5568}.cart-summary-line{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#a0aec0}.cart-summary-value{font-weight:500;color:#fff}.cart-summary-value.free{color:#38a169;font-weight:600}.cart-summary-perk{color:#38a169;margin-left:4px;font-size:14px}.cart-summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #4A5568;font-size:16px;font-weight:600;color:#fff}.cart-summary-total-value{font-size:24px;color:#e53e3e}.cart-summary-benefits{background-color:#38a1691a;border:1px solid #38A169;border-radius:8px;padding:16px;margin-bottom:20px}.cart-summary-benefits-title{font-size:14px;font-weight:600;color:#38a169;margin:0 0 12px}.cart-summary-benefit{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;margin-bottom:8px}.cart-summary-benefit:last-child{margin-bottom:0}.cart-summary-benefit-icon{color:#38a169;font-size:16px}.cart-summary-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cart-summary-continue,.cart-summary-checkout{width:100%;height:48px}.cart-summary-trust{display:flex;flex-direction:column;gap:8px}.cart-summary-trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0aec0}.cart-summary-trust-icon{font-size:16px}.cart-continue-desktop{display:none;margin-top:24px}.cart-mobile-summary{display:block;position:fixed;bottom:0;left:0;right:0;background-color:#2d3748;border-top:1px solid #4A5568;padding:16px;z-index:100;box-shadow:0 -4px 8px #0000004d}.cart-mobile-summary-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.cart-mobile-summary-total{display:flex;flex-direction:column;gap:4px}.cart-mobile-summary-total span:first-child{font-size:13px;color:#a0aec0}.cart-mobile-summary-value{font-size:20px;font-weight:700;color:#fff}.cart-mobile-checkout{min-width:150px;height:48px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(0,0,.2,1);border:none;text-decoration:none}.btn:focus-visible{outline:2px solid #E53E3E;outline-offset:2px}.btn-primary{background-color:#e53e3e;color:#fff}.btn-primary:hover{background-color:#c53030;transform:translateY(-1px);box-shadow:0 6px 12px #00000040}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0003;transition-duration:.1s}.btn-secondary{background-color:transparent;color:#e53e3e;border:1px solid #E53E3E}.btn-secondary:hover{background-color:#e53e3e1a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 1024px){.cart-page{padding-bottom:32px}.cart-title{font-size:32px}.cart-content{grid-template-columns:70% 30%}.cart-item-image{width:96px;height:96px}.cart-continue-desktop{display:block}.cart-mobile-summary{display:none}}@media (min-width: 768px) and (max-width: 1023px){.cart-sidebar{position:sticky;top:20px}.cart-mobile-summary{display:none}}@media (max-width: 767px){.cart-page{padding:16px 12px 100px}.cart-title{font-size:22px}.cart-item-count{font-size:16px}.cart-sidebar{display:none}.cart-item-card{flex-direction:column}.cart-item-image{width:64px;height:64px}.pricing-tier-indicator{padding:16px}.tier-heading{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner,.spinner-large{animation-duration:.8s}.cart-item-card.removing{transition:none}.empty-cart-icon{animation:none}}.legal-page{min-height:calc(100vh - 200px);padding:0;background:#f8f9fa}.legal-page *,.legal-page:before,.legal-page:after{box-sizing:border-box}.legal-hero{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:4rem 1rem 3rem!important;text-align:center;position:relative}.legal-hero:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-18px!important;width:min(1100px,92%)!important;height:36px!important;background:#f8f9fa!important;border-radius:36px 36px 0 0!important;box-shadow:0 -1px #fff9!important}.legal-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.legal-hero p{font-size:1rem;color:#a0aec0;margin:0}.legal-content-container{position:relative;z-index:1;padding:2rem 1rem 4rem;background:#f8f9fa}.legal-content{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;padding:3rem;box-shadow:0 1px 3px #0000001a}.legal-content section{margin-bottom:2.5rem}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:1rem;letter-spacing:-.5px}.legal-content p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.legal-content ul{color:#4a5568;line-height:1.8;padding-left:1.5rem;margin-bottom:1rem}.legal-content li{margin-bottom:.5rem}@media (max-width: 768px){.legal-hero h1{font-size:2rem}.legal-content{padding:2rem 1.5rem}.legal-content h2{font-size:1.25rem}}.about-page .tagline{font-size:1.2rem;color:#e53e3e!important;font-weight:500;margin-top:.5rem;letter-spacing:.5px}.about-page .intro-section{margin-bottom:3rem}.about-page .intro-text{font-size:1.1rem;line-height:1.8;color:#4a5568;margin-bottom:1.5rem}.about-page .intro-text:last-child{margin-bottom:0}.about-page .features-section{margin-bottom:3rem}.about-page .features-section h2{font-size:1.75rem;text-align:center;margin-bottom:2.5rem;color:#1a202c}.about-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.about-page .feature-card{background:#f7fafc;padding:2rem;border-radius:8px;text-align:center;transition:all .3s ease;border:1px solid #e2e8f0}.about-page .feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;background:#fff}.about-page .feature-icon{width:48px;height:48px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#e53e3e;border-radius:50%;color:#fff}.about-page .feature-icon svg{width:24px;height:24px}.about-page .feature-card h3{font-size:1.1rem;font-weight:600;color:#1a202c;margin-bottom:.75rem}.about-page .feature-card p{font-size:.95rem;line-height:1.6;color:#718096;margin:0}.about-page .promise-section{background:#fef5e7;padding:2.5rem;border-radius:8px;margin-bottom:3rem;border-left:4px solid #E53E3E}.about-page .promise-section h2{font-size:1.5rem;color:#1a202c;margin-bottom:1rem}.about-page .promise-section p{font-size:1.05rem;line-height:1.7;color:#4a5568;margin:0}.about-page .cta-section{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;margin-top:3rem}.about-page .cta-section h2{font-size:1.75rem;color:#1a202c;margin-bottom:1rem}.about-page .cta-section p{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.about-page .btn-cta{background-color:#e53e3e!important;color:#fff!important;padding:1rem 2.5rem!important;font-size:1rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #e53e3e33}.about-page .btn-cta:hover{background-color:#c53030!important;transform:translateY(-2px);box-shadow:0 6px 12px #e53e3e4d}.about-page .btn-cta:active{transform:translateY(0)}@media (max-width: 768px){.about-page .tagline{font-size:1.1rem}.about-page .intro-text{font-size:1rem}.about-page .features-grid{grid-template-columns:1fr;gap:1.5rem}.about-page .feature-card{padding:1.5rem}.about-page .promise-section,.about-page .cta-section{padding:2rem 1.5rem}.about-page .cta-section h2{font-size:1.5rem}.about-page .cta-section p{font-size:1rem}.about-page .btn-cta{padding:.875rem 2rem!important;font-size:.9rem!important;letter-spacing:1px}}@media (max-width: 480px){.about-page .features-section h2{font-size:1.5rem}.about-page .feature-card h3{font-size:1rem}.about-page .feature-card p{font-size:.9rem}.about-page .promise-section h2{font-size:1.25rem}.about-page .promise-section p{font-size:.95rem}}.admin-layout{display:flex;min-height:100vh;background:#f8fafc}.admin-sidebar{width:280px;background:#1e293b;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.admin-header{padding:2rem 1.5rem;border-bottom:1px solid #334155}.admin-header h1{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#e2e8f0}.admin-user{font-size:.875rem;color:#94a3b8;margin:0}.admin-nav{flex:1;padding:1rem 0}.admin-nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#cbd5e1;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;position:relative}.admin-nav-item:hover:not(.disabled){background:#334155;color:#fff;border-left-color:#e53e3e}.admin-nav-item.active{background:#334155;color:#fff;border-left-color:#e53e3e}.admin-nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{font-size:1.25rem;margin-right:.75rem}.nav-label{flex:1;font-weight:500}.nav-badge{background:#475569;color:#cbd5e1;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.admin-footer{padding:1.5rem;border-top:1px solid #334155}.back-to-site{color:#94a3b8;text-decoration:none;font-size:.875rem;transition:color .2s ease}.back-to-site:hover{color:#e2e8f0}.admin-main{flex:1;margin-left:280px;padding:0;background:#f8fafc;min-height:100vh;width:calc(100vw - 280px);max-width:calc(100vw - 280px);box-sizing:border-box;overflow-x:hidden}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}@media (max-width: 768px){.admin-sidebar{width:100%;position:relative;height:auto}.admin-main{margin-left:0;padding:1rem;width:100%;max-width:100%}.admin-nav{display:flex;overflow-x:auto;padding:.5rem 0}.admin-nav-item{flex-shrink:0;min-width:120px;text-align:center;border-left:none;border-bottom:3px solid transparent}.admin-nav-item:hover:not(.disabled),.admin-nav-item.active{border-left:none;border-bottom-color:#e53e3e}}.admin-dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.dashboard-header p{color:#64748b;font-size:1.125rem;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #e53e3e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-bottom:2rem}.error-close{margin-left:auto;background:none;border:none;font-size:1.5rem;color:#dc2626;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}.stat-icon{font-size:2.5rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:1rem;flex-shrink:0}.stat-content h3{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1}.stat-label{font-size:.875rem;color:#64748b}.actions-section{margin-bottom:3rem}.actions-section h2{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;box-shadow:0 2px 4px -1px #0000001a;transition:all .2s ease;position:relative}.action-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a;border-color:#e53e3e}.action-card.disabled{opacity:.6;cursor:not-allowed}.action-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:.75rem;flex-shrink:0}.action-content{flex:1}.action-content h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.action-content p{font-size:.875rem;color:#64748b;margin:0}.action-arrow{font-size:1.5rem;color:#e53e3e;font-weight:700}.action-badge{position:absolute;top:1rem;right:1rem;background:#f59e0b;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:500}.brand-overview{margin-bottom:3rem}.brand-overview h2{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.brand-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.brand-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a}.brand-summary-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.brand-metrics{display:flex;justify-content:space-between;margin-bottom:1rem}.metric{text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.metric-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.brand-progress{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.brand-progress-fill{height:100%;background:linear-gradient(90deg,#e53e3e,#dc2626);transition:width .3s ease}.system-status h2{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.status-items{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a}.status-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.status-item:last-child{border-bottom:none}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-indicator.active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-indicator.pending{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-indicator.inactive{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.status-item span:nth-child(2){flex:1;font-weight:500;color:#1e293b}.status-value{font-size:.875rem;color:#64748b;font-weight:500}@media (max-width: 768px){.dashboard-header h1{font-size:2rem}.stats-grid,.actions-grid,.brand-cards{grid-template-columns:1fr}.brand-metrics{flex-direction:column;gap:1rem}.metric{display:flex;justify-content:space-between;align-items:center;text-align:left}.metric-value{margin-bottom:0}}.inventory-refresh-section{margin-bottom:3rem}.inventory-refresh-section h2{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.refresh-result{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;position:relative}.refresh-result.success{background:#f0fdf4;border:1px solid #bbf7d0}.refresh-result.error{background:#fef2f2;border:1px solid #fecaca}.result-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.result-content{flex:1}.result-message{display:block;font-weight:500;color:#1e293b;margin-bottom:.5rem}.result-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#64748b}.result-details .failed-count{color:#dc2626;font-weight:500}.result-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.result-close:hover{background:#0000001a;color:#1e293b}.inventory-controls{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.inventory-status,.manual-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a}.inventory-status h3,.manual-refresh h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.manual-refresh p{color:#64748b;margin:0 0 1.5rem;font-size:.875rem}.status-details{display:flex;flex-direction:column;gap:.75rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.status-row:last-child{border-bottom:none}.status-row.warning{background:#fef3c7;padding:.75rem;border-radius:.5rem;border-bottom:none}.status-label{font-weight:500;color:#374151;font-size:.875rem}.status-time{font-size:.875rem;color:#64748b;font-family:Monaco,Menlo,monospace}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.healthy{background:#dcfce7;color:#166534}.status-badge.unhealthy{background:#fee2e2;color:#dc2626}.status-warning{color:#d97706;font-weight:500;font-size:.875rem}.status-indicator.running{color:#2563eb;font-weight:500}.status-indicator.idle{color:#64748b}.status-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;color:#64748b}.status-loading .loading-spinner{width:20px;height:20px;border-width:2px;margin-bottom:0}.refresh-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:.75rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.refresh-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px -2px #e53e3e4d}.refresh-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.refresh-button.refreshing{background:#6366f1}.refresh-icon{font-size:1rem}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.refresh-info{padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.refresh-info small{color:#64748b;line-height:1.4}@media (max-width: 768px){.inventory-controls{grid-template-columns:1fr;gap:1.5rem}.result-details{flex-direction:column;gap:.5rem}.status-row{flex-direction:column;align-items:flex-start;gap:.25rem}.status-row .status-time{font-size:.75rem}}.ss-management-page{min-height:100vh;background-color:#1a202c;color:#fff;font-family:Inter,sans-serif;padding:0;margin:0}.ss-management-header{background-color:#2d3748;border-bottom:1px solid #4A5568;padding:24px 32px;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f}.ss-management-header h1{font-size:28px;font-weight:700;margin:0;color:#fff}.header-actions{display:flex;align-items:center;gap:24px}.sync-status{display:flex;align-items:center;gap:8px;font-size:14px}.sync-label{color:#a0aec0}.sync-time{color:#fff;font-weight:500}.sync-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.sync-badge.completed{background-color:#38a16933;color:#38a169}.sync-badge.failed{background-color:#e53e3e33;color:#e53e3e}.sync-badge.unknown{background-color:#a0aec033;color:#a0aec0}.discover-sync-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.discover-sync-button:hover:not(:disabled){background-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.discover-sync-button:disabled{background-color:#4a5568;color:#718096;cursor:not-allowed;transform:none;box-shadow:none}.progress-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.progress-content{background-color:#2d3748;border-radius:12px;padding:32px;min-width:400px;text-align:center;box-shadow:0 20px 25px -5px #0006}.progress-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#fff}.progress-bar{width:100%;height:8px;background-color:#4a5568;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background-color:#e53e3e;transition:width .3s ease;border-radius:4px}.progress-stage{font-size:16px;font-weight:500;color:#fff;margin:0 0 8px}.progress-text{font-size:14px;color:#a0aec0;margin:0}.retry-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.brands-grid-container{max-width:1200px;margin:0 auto;padding:32px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.brand-card{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px;min-height:200px}.brand-card:hover{border-color:#e53e3e;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.brand-logo-container{position:relative;width:80px;height:80px;margin:0 auto 16px}.brand-logo{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:#fff;padding:8px}.brand-logo-fallback{width:100%;height:100%;background-color:#4a5568;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.brand-info{flex:1;text-align:center}.brand-name{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.brand-stats{display:flex;flex-direction:column;gap:4px;align-items:center}.model-count{font-size:14px;color:#a0aec0}.active-badge{background-color:#38a16933;color:#38a169;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.brand-actions{margin-top:auto}.view-models-button{width:100%;background-color:transparent;color:#e53e3e;border:1px solid #E53E3E;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-models-button:hover{background-color:#e53e3e1a;transform:translateY(-1px)}@media (max-width: 768px){.ss-management-header{padding:16px 20px}.header-content{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-direction:column;gap:12px}.sync-status{justify-content:center}.brands-grid-container{padding:20px}.brands-grid{grid-template-columns:1fr;gap:16px}.brand-card{padding:20px}.progress-content{margin:20px;min-width:auto;width:calc(100vw - 40px);max-width:400px}.ss-management-header h1{font-size:24px;text-align:center}}@media (max-width: 576px){.brand-logo-container{width:60px;height:60px}.brand-logo-fallback{font-size:24px}.brand-name{font-size:18px}.empty-icon{font-size:48px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}.model-grid-page{min-height:100vh;background-color:#1a202c;color:#fff;font-family:Inter,sans-serif;padding:0;margin:0}.model-grid-header{background-color:#2d3748;border-bottom:1px solid #4A5568;padding:24px 32px;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f}.brand-title h1{font-size:28px;font-weight:700;margin:0;color:#fff}.brand-subtitle{font-size:14px;color:#a0aec0;margin:4px 0 0}.discover-models-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.discover-models-button:hover:not(:disabled){background-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.discover-models-button:disabled{background-color:#4a5568;color:#718096;cursor:not-allowed;transform:none;box-shadow:none}.models-grid-container{max-width:1200px;margin:0 auto;padding:32px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:48px}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.6}.empty-state h3{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.empty-state p{font-size:16px;color:#a0aec0;margin:0 0 32px;max-width:500px;line-height:1.5}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}.model-card{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px;min-height:280px;position:relative}.model-card:hover{border-color:#e53e3e;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.model-thumbnail-container{position:relative;width:100%;height:140px;border-radius:8px;overflow:hidden;background-color:#4a5568}.model-thumbnail{width:100%;height:100%;object-fit:contain;background-color:#fff;padding:0%;box-sizing:border-box}.model-thumbnail-fallback{width:100%;height:100%;background-color:#4a5568;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#a0aec0}.active-badge-overlay{position:absolute;top:12px;right:12px}.active-badge{background-color:#38a169e6;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model-info{flex:1;display:flex;flex-direction:column;gap:8px}.model-name{font-size:18px;font-weight:600;color:#fff;margin:0;line-height:1.3}.model-stats{display:flex;flex-direction:column;gap:4px}.color-count{font-size:14px;color:#a0aec0}.wholesale-price{font-size:14px;color:#38a169;font-weight:500}.model-meta{margin-top:auto}.model-sku{font-size:12px;color:#718096;font-weight:500}.model-original-name{margin-top:4px}.original-name{font-size:12px;color:#a0aec0;font-style:italic}.model-actions{margin-top:auto;padding-top:16px}.view-details-button{background-color:transparent;color:#e53e3e;border:1px solid #E53E3E;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.view-details-button:hover{background-color:#e53e3e1a}@media (max-width: 768px){.models-grid-container{padding:20px}.models-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.model-card{padding:16px;min-height:260px}.model-thumbnail-container{height:120px}.model-thumbnail-fallback{font-size:36px}}@media (max-width: 576px){.back-button{padding:10px 12px;font-size:13px}.brand-title h1{font-size:20px}.model-name{font-size:16px}.empty-icon{font-size:48px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}.model-detail-page{min-height:100vh;background-color:#1a202c;color:#fff;font-family:Inter,sans-serif;padding:0;margin:0}.model-detail-header{background-color:#2d3748;border-bottom:1px solid #4A5568;padding:24px 32px;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001f}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:24px}.back-button{background-color:transparent;color:#a0aec0;border:1px solid #4A5568;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.back-button:hover{color:#fff;border-color:#e53e3e;background-color:#e53e3e1a}.model-title h1{font-size:28px;font-weight:700;margin:0;color:#fff}.model-subtitle{font-size:14px;color:#a0aec0;margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:16px}.pricing-button{background-color:transparent;color:#e53e3e;border:1px solid #E53E3E;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-button:hover{background-color:#e53e3e1a;transform:translateY(-1px)}.resync-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.resync-button:hover:not(:disabled){background-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.resync-button:disabled{background-color:#4a5568;color:#718096;cursor:not-allowed;transform:none;box-shadow:none}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:48px}.loading-spinner{width:40px;height:40px;border:4px solid #4A5568;border-top:4px solid #E53E3E;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{color:#e53e3e;font-size:16px;margin-bottom:16px;text-align:center}.retry-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.retry-button:hover{background-color:#c53030}.model-content{max-width:1200px;margin:0 auto;padding:32px;display:flex;flex-direction:column;gap:32px}.pricing-section{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:24px}.pricing-section h2{font-size:20px;font-weight:600;margin:0 0 16px;color:#fff}.pricing-tiers{display:flex;flex-wrap:wrap;gap:16px}.pricing-tier{background-color:#1a202c;border:1px solid #4A5568;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.tier-quantity{font-size:14px;color:#a0aec0;font-weight:500}.tier-price{font-size:18px;color:#38a169;font-weight:600}.colors-section h2{font-size:20px;font-weight:600;margin:0 0 24px;color:#fff}.empty-colors{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:48px;text-align:center}.empty-colors p{color:#a0aec0;font-size:16px;margin:0}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.variant-card{background-color:#2d3748;border:1px solid #4A5568;border-radius:12px;padding:20px;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.variant-card.active{border-color:#38a169}.variant-card.inactive{opacity:.7}.variant-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.variant-image-container{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;background-color:#4a5568}.variant-image{width:100%;height:100%;object-fit:cover;background-color:#fff}.variant-image-fallback{width:100%;height:100%;background-color:#4a5568;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#a0aec0}.variant-swatch{position:absolute;bottom:8px;right:8px;width:24px;height:24px;border-radius:50%;border:2px solid #FFFFFF;overflow:hidden;background-color:#fff}.swatch-image{width:100%;height:100%;object-fit:cover}.swatch-fallback{width:100%;height:100%;border-radius:50%}.variant-info{flex:1}.variant-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.variant-code,.variant-products{font-size:14px;color:#a0aec0;margin:0 0 4px}.variant-stock{font-size:14px;font-weight:500;margin:0 0 4px;display:flex;align-items:center;gap:6px}.variant-stock.stock-good{color:#38a169}.variant-stock.stock-low{color:#dd6b20}.variant-stock.stock-out{color:#e53e3e}.variant-actions{margin-top:auto}.status-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.status-toggle.disabled{cursor:not-allowed;opacity:.5}.status-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background-color:#4a5568;border-radius:12px;transition:all .2s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:all .2s ease}.status-toggle input[type=checkbox]:checked+.toggle-slider{background-color:#38a169}.status-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:14px;font-weight:500;color:#fff}.pricing-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.pricing-modal-content{background-color:#2d3748;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}.pricing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #4A5568;margin-bottom:24px}.pricing-modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.close-button{background:none;border:none;color:#a0aec0;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background-color:#4a5568;color:#fff}.pricing-tiers-editor{padding:0 24px;display:flex;flex-direction:column;gap:16px}.pricing-tier-editor{display:flex;align-items:end;gap:16px;padding:16px;background-color:#1a202c;border:1px solid #4A5568;border-radius:8px}.tier-inputs{display:flex;gap:16px;flex:1}.input-group{display:flex;flex-direction:column;gap:4px;flex:1}.input-group label{font-size:14px;color:#a0aec0;font-weight:500}.input-group input{background-color:#2d3748;border:1px solid #4A5568;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;transition:all .2s ease}.input-group input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.remove-tier-button{background-color:transparent;color:#e53e3e;border:1px solid #E53E3E;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.remove-tier-button:hover{background-color:#e53e3e1a}.pricing-modal-actions{padding:24px;border-top:1px solid #4A5568;display:flex;justify-content:space-between;align-items:center}.add-tier-button{background-color:transparent;color:#38a169;border:1px solid #38A169;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-tier-button:hover{background-color:#38a1691a}.modal-buttons{display:flex;gap:12px}.cancel-button{background-color:transparent;color:#a0aec0;border:1px solid #4A5568;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{color:#fff;border-color:#718096}.save-button{background-color:#e53e3e;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover{background-color:#c53030;transform:translateY(-1px)}@media (max-width: 768px){.model-detail-header{padding:16px 20px}.header-content{flex-direction:column;gap:16px;align-items:stretch}.header-left{flex-direction:column;gap:12px;align-items:stretch}.model-title h1{font-size:24px;text-align:center}.model-subtitle{text-align:center}.header-actions{justify-content:center;flex-wrap:wrap}.model-content{padding:20px;gap:24px}.colors-grid{grid-template-columns:1fr;gap:16px}.pricing-tiers{justify-content:center}.pricing-modal-content{width:95%;margin:20px}.tier-inputs{flex-direction:column;gap:12px}.pricing-tier-editor{flex-direction:column;align-items:stretch;gap:12px}.pricing-modal-actions{flex-direction:column;gap:16px;align-items:stretch}.modal-buttons{justify-content:center}}@media (max-width: 576px){.back-button{padding:10px 12px;font-size:13px}.model-title h1{font-size:20px}.variant-image-container{height:100px}.variant-image-fallback{font-size:24px}.variant-name{font-size:14px}}.display-name-section{display:flex;align-items:center;gap:12px}.display-name-display{display:flex;align-items:center;gap:12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px}.display-name-value{display:flex;flex-direction:column;gap:2px}.display-name-value .label{font-size:12px;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.display-name-value .value{font-size:14px;color:#fff;font-weight:600}.edit-display-name-button{background-color:transparent;color:#e53e3e;border:1px solid #E53E3E;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-display-name-button:hover{background-color:#e53e3e1a}.display-name-editor{display:flex;flex-direction:column;gap:8px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;min-width:300px}.display-name-input{background-color:#2d3748;border:1px solid #4A5568;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease}.display-name-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.display-name-input::placeholder{color:#718096;font-weight:400}.display-name-actions{display:flex;gap:8px;justify-content:flex-end}.display-name-actions .save-button,.display-name-actions .cancel-button{padding:6px 12px;font-size:12px;min-width:auto}.display-name-actions .save-button{background-color:#38a169}.display-name-actions .save-button:hover:not(:disabled){background-color:#2f855a}.display-name-actions .save-button:disabled{background-color:#4a5568;color:#718096;cursor:not-allowed}.display-name-actions .cancel-button{background-color:transparent;color:#a0aec0;border:1px solid #4A5568}.display-name-actions .cancel-button:hover:not(:disabled){color:#fff;border-color:#718096}@media (max-width: 768px){.display-name-section{width:100%}.display-name-display,.display-name-editor{width:100%;max-width:100%}.display-name-editor{min-width:auto}.display-name-actions{justify-content:center}}@media (max-width: 576px){.display-name-display{flex-direction:column;align-items:stretch;text-align:center;gap:8px}.display-name-editor{padding:8px}.display-name-input{font-size:13px;padding:6px 10px}}.sample-code-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.filters-section{padding:1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.filters-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group input,.filter-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff}.filter-actions{display:flex;gap:.5rem}.results-summary{padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.table-container{overflow-x:auto}.sample-codes-table{width:100%;border-collapse:collapse}.sample-codes-table th{background-color:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.sample-codes-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sample-codes-table th.sortable:hover{background-color:#f3f4f6}.sample-codes-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;vertical-align:top;color:#1f2937!important}.sample-codes-table tbody tr:hover{background-color:#f9fafb}.code-cell .sample-code{font-family:Monaco,Menlo,monospace;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#1f2937!important}.business-cell .business-info{display:flex;align-items:center;gap:.5rem}.business-cell .business-name{font-weight:500;color:#1f2937!important}.business-cell .customer-note{font-size:.75rem;opacity:.7}.colors-info{display:flex;flex-direction:column;gap:.25rem}.colors-info .hat-color,.colors-info .patch-color{font-size:.8rem;padding:.125rem .375rem;border-radius:3px;background-color:#f3f4f6;color:#1f2937!important}.date-cell{color:#6b7280;font-size:.8rem}.status-toggle,.sent-toggle{padding:.375rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.status-toggle.active{background-color:#dcfce7;color:#166534}.status-toggle.inactive{background-color:#fee2e2;color:#991b1b}.sent-toggle.sent{background-color:#dbeafe;color:#1e40af}.sent-toggle.not-sent{background-color:#fef3c7;color:#92400e}.status-toggle:hover,.sent-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.actions-cell .action-buttons{display:flex;gap:.5rem}.no-results{text-align:center;padding:3rem;color:#6b7280;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.page-info{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width: 1024px){.filters-form{grid-template-columns:1fr;gap:1rem}.filter-actions{justify-content:flex-start}}@media (max-width: 768px){.sample-codes-table th,.sample-codes-table td{padding:.75rem .5rem;font-size:.8rem}.action-buttons{flex-direction:column;gap:.25rem}.colors-info{font-size:.75rem}.pagination{flex-direction:column;gap:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.image-upload-section,.production-file-upload-section{display:flex;flex-direction:column;gap:1rem}.form-hint{color:#6b7280;font-weight:400;font-size:.75rem;margin-left:.5rem}.upload-note{padding:.75rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:.875rem}.file-preview{display:flex;flex-direction:column;gap:.5rem}.file-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.file-icon{font-size:1.5rem}.file-name{flex:1;font-size:.875rem;color:#374151;word-break:break-all}.remove-file{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.remove-file:hover{background-color:#dc2626}.upload-status{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.image-preview{position:relative;display:inline-block;max-width:200px}.image-preview img{width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.remove-image{position:absolute;top:.5rem;right:.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.remove-image:hover{background-color:#dc2626}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-text{-webkit-user-select:none;user-select:none}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;font-size:.875rem}.loading-spinner{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-form{padding:1rem}.form-grid,.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.btn{width:100%;justify-content:center}}.sample-code-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:#1f2937}.header-content p{margin:0;color:#6b7280;font-size:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-small{padding:.5rem 1rem;font-size:.8rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.error-close{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;color:#991b1b;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-close:hover{background-color:#fee2e2;border-radius:4px}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#6b7280}@media (max-width: 768px){.sample-code-management{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-content h1{font-size:1.5rem}}.admin-coupons{padding:2rem;max-width:1400px;margin:0 auto}.coupons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.coupons-header h1{margin:0;font-size:2rem;color:#1a1a1a}.coupons-header p{margin:.5rem 0 0;color:#666}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#333;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 3px 10px #dc35454d}.btn-icon{background:transparent;border:1px solid #e0e0e0;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1;margin:0 .25rem}.btn-icon:hover{background:#f5f5f5;border-color:#ccc}.btn-icon.btn-delete:hover{background:#ffebee;border-color:#ffcdd2}.error-banner{background:#fee;border:1px solid #fcc;color:#c00;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1.25rem}.error-close{margin-left:auto;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#c00;padding:0;line-height:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.coupons-filters{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.search-box{margin-bottom:1rem}.search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{background:#fff;border:2px solid #e0e0e0;color:#666;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-tab:hover{background:#f5f5f5}.filter-tab.active{background:#667eea;color:#fff;border-color:#667eea}.coupons-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow-x:auto}.coupons-table{width:100%;border-collapse:collapse}.coupons-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.coupons-table th{padding:1rem;text-align:left;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.coupons-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.coupons-table tbody tr:hover{background:#f8f9fa}.coupons-table td{padding:1rem;font-size:.95rem}.code-cell{font-family:Courier New,monospace}.code-description{font-size:.85rem;color:#666;margin-top:.25rem;font-family:inherit}.type-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#e8eaf6;color:#5e35b1;border-radius:50%;font-weight:700;font-size:.9rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8f9fa;color:#6c757d}.status-badge.expired{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.limit-reached{background:#ffeaa7;color:#6c5ce7}.usage-progress{min-width:100px}.usage-text{font-size:.85rem;color:#333;margin-bottom:.25rem}.usage-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.date-cell{font-size:.85rem}.date-separator{color:#999;font-size:.8rem;margin:.25rem 0}.action-buttons{display:flex;gap:.25rem}.empty-state{text-align:center;padding:3rem;color:#999;font-style:italic}.pagination-btn{background:#fff;border:2px solid #e0e0e0;color:#333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-confirm{max-width:400px}.modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem}.coupon-form{padding:1.5rem}.form-error-banner{background:#fee;border:1px solid #fcc;color:#c00;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.label-optional{color:#999;font-weight:400;margin-left:.25rem;font-size:.85rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group input.error,.form-group select.error{border-color:#dc3545}.form-error{color:#dc3545;font-size:.85rem;margin-top:.25rem}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer}.warning-text{color:#dc3545;font-style:italic;margin-top:.5rem}@media (max-width: 768px){.admin-coupons{padding:1rem}.coupons-header{flex-direction:column;align-items:flex-start}.coupons-table-container{border-radius:0;margin-left:-1rem;margin-right:-1rem}.coupons-table{font-size:.85rem}.coupons-table th,.coupons-table td{padding:.75rem .5rem}.form-row{grid-template-columns:1fr}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center}.action-buttons{flex-direction:column;align-items:stretch}.btn-icon{margin:.25rem 0}}.label-generation-container{padding:1rem;max-width:600px;margin:0 auto}.label-section h3{margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem;font-weight:600}.error-message{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#c53030}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.label-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.label-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.label-header h4{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-created{background:#c6f6d5;color:#22543d}.label-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f7fafc}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:#4a5568}.detail-row .value{color:#2d3748;font-weight:600}.label-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background:#3182ce}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.no-label{text-align:center;padding:3rem 1rem;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:.5rem}.no-label-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-label h4{margin:0 0 .5rem;color:#4a5568}.no-label p{color:#718096;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;padding:.25rem;line-height:1}.close-btn:hover{color:#4a5568}.modal-body{padding:1.5rem}.rates-list{display:flex;flex-direction:column;gap:.75rem}.rate-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .2s}.rate-option:hover{border-color:#4299e1;background:#f7fafc}.rate-option.selected{border-color:#4299e1;background:#ebf8ff}.rate-info{flex:1}.rate-header{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.carrier{font-weight:600;color:#2d3748}.service{color:#718096;font-size:.875rem}.rate-details{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.price{font-weight:600;color:#4299e1;font-size:1.125rem}.duration{color:#4a5568;font-size:.875rem}.estimated-days{color:#718096;font-size:.875rem}.radio-indicator{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rate-option.selected .radio-indicator{border-color:#4299e1}.radio-dot{width:10px;height:10px;background:#4299e1;border-radius:50%}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e2e8f0}.no-rates{text-align:center;color:#718096;padding:2rem}@media (max-width: 768px){.label-generation-container{padding:.5rem}.label-actions{flex-direction:column}.btn{width:100%;justify-content:center}.modal-content{width:95%;margin:1rem}.rate-details{flex-direction:column;align-items:flex-start;gap:.25rem}.modal-footer{flex-direction:column}}@media (max-width: 480px){.label-card{padding:1rem}.detail-row,.rate-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.order-management{padding:2rem;width:100%;max-width:100%;background:#f8fafc;min-height:100vh;box-sizing:border-box}.page-header{margin-bottom:2rem}.page-header h1{color:#1f2937!important;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#6b7280!important;font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.error-icon{color:#dc2626!important;font-size:1.25rem}.error-banner span:nth-child(2){color:#dc2626!important;flex:1}.error-close{background:none;border:none;color:#dc2626!important;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.filters-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;width:100%}.filters-row:last-child{margin-bottom:0}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;color:#374151!important;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.filter-group input,.filter-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937!important;background:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;gap:.75rem;align-items:end}.btn-primary{background:#3b82f6;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#4b5563}.btn-view{background:#059669;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-view:hover{background:#047857}.btn-print{background:#7c3aed;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-print:hover{background:#6d28d9}.btn-download{background:#0891b2;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;text-decoration:none;display:inline-block;cursor:pointer;transition:background-color .2s}.btn-download:hover{background:#0e7490}.btn-upload{background:#dc2626;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-upload:hover:not(:disabled){background:#b91c1c}.btn-upload:disabled{background:#9ca3af;cursor:not-allowed}.btn-update{background:#059669;color:#fff!important;border:none;padding:.75rem 2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-update:hover:not(:disabled){background:#047857}.btn-update:disabled{background:#9ca3af;cursor:not-allowed}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow-x:auto;width:100%;box-sizing:border-box;position:relative}@media (min-width: 1441px){.orders-table-container{overflow-x:visible}}.orders-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:auto}.orders-table th{background:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#374151!important;border-bottom:1px solid #e5e7eb;font-size:.875rem;white-space:nowrap}.orders-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;color:#1f2937!important;font-size:.875rem;vertical-align:middle}.order-row:hover{background:#f9fafb}.order-id{font-family:Courier New,monospace;font-weight:600;color:#3b82f6!important;white-space:nowrap;font-size:.8rem}.customer-info{word-break:break-word}.customer-name{font-weight:500;color:#1f2937!important;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-email{color:#6b7280!important;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-date{color:#6b7280!important;white-space:nowrap}.order-total{font-weight:600;color:#059669!important}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.015em;white-space:nowrap}.status-pending{background:#fef3c7;color:#92400e!important}.status-processing{background:#dbeafe;color:#1e40af!important}.status-production{background:#e0e7ff;color:#3730a3!important}.status-shipped{background:#d1fae5;color:#065f46!important}.status-delivered{background:#dcfce7;color:#166534!important}.status-cancelled{background:#fee2e2;color:#991b1b!important}.status-success{background:#d1fae5;color:#065f46!important}.status-failed{background:#fee2e2;color:#991b1b!important}.status-refunded{background:#fef3c7;color:#92400e!important}.status-default{background:#f3f4f6;color:#374151!important}.no-orders{text-align:center;padding:4rem 2rem;color:#6b7280!important}.no-orders-icon{font-size:4rem;margin-bottom:1rem}.no-orders h3{color:#374151!important;font-size:1.25rem;margin-bottom:.5rem}.no-orders p{color:#6b7280!important}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.btn-pagination{background:#fff;color:#374151!important;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-pagination:disabled{background:#f9fafb;color:#9ca3af!important;cursor:not-allowed}.pagination-info{color:#6b7280!important;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:8px;max-width:1000px;width:100%;max-height:95vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{color:#1f2937!important;font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#6b7280!important;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:#f3f4f6;color:#374151!important}.modal-body{padding:.25rem .75rem;font-size:.85rem;line-height:1.3}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.modal-loading p{color:#6b7280!important;margin-top:1rem}.modal-error{padding:2rem;text-align:center;color:#dc2626!important}.order-summary{background:#f9fafb;border-radius:4px;padding:.5rem;margin-bottom:.5rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-header h3{color:#1f2937!important;font-size:1.125rem;font-weight:600;margin:0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.summary-section h4{color:#374151!important;font-size:.75rem;font-weight:600;margin-bottom:.25rem;border-bottom:1px solid #e5e7eb;padding-bottom:.1rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.125rem;font-size:.8rem}.info-row .label{color:#6b7280!important;font-weight:500}.info-row .value{color:#1f2937!important;font-weight:500}.order-items{margin-bottom:.5rem}.order-items h3{color:#1f2937!important;font-size:1rem;font-weight:600;margin-bottom:.5rem}.item-group{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.group-header{background:#f9fafb;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.group-header h4{color:#1f2937!important;font-size:.9rem;font-weight:600;margin:0 0 .125rem}.group-artwork{color:#6b7280!important;font-size:.875rem}.group-artwork strong{color:#374151!important}.group-summary{color:#6b7280!important;font-size:.875rem;margin-top:.25rem}.total-quantity{background:#dbeafe;color:#1e40af!important;padding:.25rem .5rem;border-radius:4px;font-weight:500;font-size:.75rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem;padding:.5rem}.production-item{background:#f9fafb;border-radius:3px;padding:.5rem}.item-details{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;margin-bottom:.375rem;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb}.item-color{display:flex;align-items:center;gap:.5rem;color:#1f2937!important;font-weight:500}.color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid #d1d5db}.item-quantity{color:#374151!important;font-weight:500}.item-price{color:#059669!important;font-weight:600;font-size:.875rem}.item-total{color:#dc2626!important;font-weight:700;font-size:.875rem}.color-name{color:#1f2937!important;font-weight:500}.patch-details{font-size:.75rem}.patch-info,.patch-position{margin-bottom:.125rem;color:#6b7280!important}.patch-info strong,.patch-position strong,.patch-color strong{color:#1f2937!important}.btn-production-sheet{background:#059669;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-production-sheet:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-production-sheet:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.summary-header h3{color:#374151!important}.patch-color{margin-bottom:.125rem;color:#6b7280!important}.sku-info{margin-top:.375rem;padding-top:.375rem;border-top:1px solid #e5e7eb;font-size:.65rem;color:#6b7280!important}.sku-info strong{color:#374151!important}.no-items{text-align:center;padding:2rem;color:#6b7280!important;font-style:italic}.artwork-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.artwork-section h3{color:#1f2937!important;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.artwork-item{margin-bottom:1rem}.artwork-item:last-child{margin-bottom:0}.artwork-item h4{color:#374151!important;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.artwork-preview{display:flex;flex-direction:column;gap:.5rem}.artwork-actions{display:flex;gap:.75rem;align-items:center}.artwork-info{color:#6b7280!important;font-style:italic}.no-artwork{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;text-align:center}.no-artwork-icon{font-size:1.5rem;margin-bottom:.25rem;opacity:.5}.artwork-request-banner{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:6px;margin-bottom:.75rem;overflow:hidden;box-shadow:0 2px 4px #0000001a}.banner-content{display:flex;align-items:center;padding:.75rem;gap:.75rem}.banner-icon{font-size:1.5rem;flex-shrink:0}.banner-text{flex:1}.banner-text h3{color:#92400e!important;font-size:1rem;font-weight:700;margin:0 0 .125rem}.banner-text p{color:#b45309!important;margin:0;font-size:.8rem}.banner-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.btn-request-artwork{background:#dc2626;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem;white-space:nowrap}.btn-request-artwork:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-request-artwork:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.request-status{color:#065f46!important;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.sample-flow-order{background:linear-gradient(to right,#fef3c7,#fff)!important;border-left:4px solid #f59e0b!important}.standard-order{background:#fff}.order-type{text-align:center;white-space:nowrap;padding:.5rem!important}.order-type-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.015em;white-space:nowrap}.order-type-badge.sample-flow{background:#fef3c7;color:#92400e!important;border:1px solid #f59e0b}.order-type-badge.standard{background:#f3f4f6;color:#374151!important;border:1px solid #d1d5db}.type-icon{font-size:.875rem}.type-text{font-size:.6875rem;font-weight:600}.sample-flow-banner{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:8px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 4px #f59e0b33}.sample-flow-banner .banner-content{display:flex;align-items:center;padding:1rem;gap:1rem}.sample-flow-banner .banner-icon{font-size:2rem;flex-shrink:0;color:#f59e0b}.sample-flow-banner .banner-text h3{color:#92400e!important;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.sample-flow-banner .banner-text p{color:#b45309!important;margin:0;font-size:.875rem}.sample-details{background:#fffc;padding:1rem;border-top:1px solid #f59e0b}.sample-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.sample-info-item{display:flex;flex-direction:column;gap:.25rem}.sample-info-item .label{color:#6b7280!important;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sample-info-item .value{color:#1f2937!important;font-size:.875rem;font-weight:600}.production-design-link{color:#3b82f6!important;text-decoration:none;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #3b82f6;border-radius:6px;transition:all .2s}.production-design-link:hover{background:#3b82f6;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.pre-approved-note{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#1e40af!important;font-size:.875rem}.note-icon{color:#3b82f6;font-size:1rem}.sample-artwork-notice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:6px;margin-bottom:1rem}.sample-artwork-notice .notice-content{display:flex;align-items:center;padding:1rem;gap:.75rem}.notice-icon{font-size:1.5rem;color:#0ea5e9;flex-shrink:0}.notice-text strong{color:#0c4a6e!important;font-size:.875rem;font-weight:600;display:block;margin-bottom:.25rem}.notice-text p{color:#075985!important;font-size:.8125rem;margin:0}.artwork-pre-approved{color:#f59e0b!important;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;padding:.25rem .5rem;border-radius:4px;border:1px solid #f59e0b}.orders-table th:nth-child(1),.orders-table td:nth-child(1){min-width:100px;width:auto}.orders-table th:nth-child(2),.orders-table td:nth-child(2){min-width:110px;width:auto}.orders-table th:nth-child(3),.orders-table td:nth-child(3){min-width:180px;max-width:250px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){min-width:150px;width:auto}.orders-table th:nth-child(5),.orders-table td:nth-child(5){min-width:90px;width:auto}.orders-table th:nth-child(6),.orders-table td:nth-child(6){min-width:120px;width:auto}.orders-table th:nth-child(7),.orders-table td:nth-child(7){min-width:100px;width:auto}.orders-table th:nth-child(8),.orders-table td:nth-child(8){min-width:100px;width:auto}.orders-table th:nth-child(9),.orders-table td:nth-child(9){min-width:80px;width:auto}.artwork-status{text-align:center;white-space:nowrap}.artwork-needed{color:#dc2626!important;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.artwork-complete{color:#059669!important;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.no-artwork p{color:#6b7280!important;margin:0;font-style:italic}.artwork-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.approval-info{color:#059669!important;font-size:.875rem;margin-top:.5rem}.artwork-upload{display:flex;gap:1rem;align-items:center}.file-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;background:#fff}.status-management{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.status-management h3{color:#1f2937!important;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.status-form{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#374151!important;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937!important;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.shipping-section{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.shipping-section h3{color:#1f2937!important;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.address-block{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.address-line{color:#1f2937!important;margin-bottom:.25rem}.address-line:last-child{margin-bottom:0}.tracking-info{color:#374151!important;font-size:.875rem}.tracking-info strong{color:#1f2937!important}@media print{.order-management{background:#fff;padding:0}.modal-overlay{position:static;background:none;padding:0}.modal-content{box-shadow:none;max-height:none;overflow:visible}.modal-header{position:static;border-bottom:2px solid #000;padding:1rem 0}.modal-close,.btn-print,.status-management,.artwork-upload,.filter-actions{display:none!important}.print-section{page-break-inside:avoid;margin-bottom:2rem}.item-group{page-break-inside:avoid;border:2px solid #000;margin-bottom:1rem}.group-header{background:#f0f0f0!important;border-bottom:1px solid #000}.production-item{border:1px solid #ccc;margin-bottom:.5rem}.summary-grid,.items-grid{grid-template-columns:1fr 1fr}*{color:#000!important}.status-badge{border:1px solid #000!important;background:#fff!important;color:#000!important}}@media (min-width: 1600px){.orders-table-container{overflow-x:visible}.orders-table th,.orders-table td{padding:1rem;font-size:.95rem}.customer-email{font-size:.875rem}.status-badge{padding:.375rem 1rem;font-size:.825rem}.orders-table th:nth-child(3),.orders-table td:nth-child(3){max-width:300px}}@media (max-width: 1400px){.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table{min-width:1100px}}@media (max-width: 1200px){.orders-table{min-width:1000px}.orders-table th,.orders-table td{padding:.6rem;font-size:.8125rem}.customer-email{font-size:.75rem}}@media (max-width: 768px){.order-management{padding:1rem}.filters-row{flex-direction:column}.filter-group{min-width:auto}.filter-actions{flex-direction:column;align-items:stretch}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.orders-table{min-width:900px}.orders-table th,.orders-table td{padding:.5rem;font-size:.75rem}.summary-grid,.items-grid,.form-row{grid-template-columns:1fr}.artwork-preview{flex-direction:column;align-items:flex-start}.artwork-upload{flex-direction:column;align-items:stretch}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body{padding:1rem}}.proof-management{margin-top:1.5rem;border-top:2px solid #e5e7eb;padding-top:1.5rem}.proof-status-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.proof-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.proof-version{font-weight:600;color:#374151}.proof-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.proof-status-badge.draft{background-color:#f3f4f6;color:#374151}.proof-status-badge.sent{background-color:#dbeafe;color:#1e40af}.proof-status-badge.pending_response{background-color:#fef3c7;color:#92400e}.proof-status-badge.approved{background-color:#d1fae5;color:#065f46}.proof-status-badge.revision_requested{background-color:#fde68a;color:#92400e}.proof-thumbnails{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.proof-thumbnail{position:relative;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:.5rem;text-align:center;min-width:120px}.proof-number{display:block;font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.thumbnail-image{max-width:100px;max-height:100px;border-radius:4px;border:1px solid #e5e7eb;margin-bottom:.5rem}.view-full-link{display:block;font-size:.75rem;color:#3b82f6;text-decoration:none;margin-bottom:.25rem}.view-full-link:hover{text-decoration:underline}.selected-badge{position:absolute;top:-5px;right:-5px;background:#065f46;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:10px;font-weight:600}.proof-timeline{display:flex;gap:1rem;margin-bottom:.5rem}.proof-timeline small{color:#6b7280;font-size:.75rem}.customer-feedback{background:#f3f4f6;border-radius:6px;padding:.75rem;margin-bottom:1rem}.customer-feedback strong{color:#374151;display:block;margin-bottom:.5rem}.customer-feedback p{margin:0;color:#6b7280;line-height:1.4}.proof-actions{display:flex;gap:.75rem}.btn-send-proofs{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-send-proofs:hover:not(:disabled){background:#2563eb}.btn-send-proofs:disabled{opacity:.5;cursor:not-allowed}.proof-upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1rem}.proof-upload-section h5{margin:0 0 .5rem;color:#374151;font-size:1rem;font-weight:600}.upload-instructions{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem;line-height:1.4}.proof-upload-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.proof-upload-slot{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:1rem}.proof-slot-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.proof-file-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.proof-file-preview{display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.5rem}.file-name{font-size:.875rem;color:#374151;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}.remove-file-btn{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.125rem;border-radius:2px}.remove-file-btn:hover{background:#fee2e2}.proof-upload-actions{display:flex;gap:.75rem;align-items:center}.btn-upload-proofs{background:#059669;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-upload-proofs:hover:not(:disabled){background:#047857}.btn-upload-proofs:disabled{opacity:.5;cursor:not-allowed}.btn-clear-proofs{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-clear-proofs:hover{background:#b91c1c}@media (max-width: 768px){.proof-thumbnails{justify-content:center}.proof-upload-slots{grid-template-columns:1fr}.proof-upload-actions{flex-direction:column;align-items:stretch}.proof-file-preview{flex-direction:column;align-items:stretch;gap:.5rem}}.btn-delete-artwork{background:#dc2626;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-delete-artwork:hover:not(:disabled){background:#b91c1c}.btn-delete-artwork:disabled{background:#9ca3af;cursor:not-allowed}.artwork-replace-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.artwork-replace-section h5{color:#374151!important;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.delete-confirm-modal{max-width:500px}.delete-confirm-content{padding:1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.delete-confirm-content h3{color:#dc2626!important;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.delete-confirm-content p{color:#6b7280!important;font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.btn-cancel{background:#6b7280;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-cancel:hover:not(:disabled){background:#4b5563}.btn-cancel:disabled{background:#9ca3af;cursor:not-allowed}.btn-confirm-delete{background:#dc2626;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-confirm-delete:hover:not(:disabled){background:#b91c1c}.btn-confirm-delete:disabled{background:#9ca3af;cursor:not-allowed}.success-banner{background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.success-icon{color:#059669!important;font-size:1.25rem}.success-banner span:nth-child(2){color:#059669!important;flex:1}.production-sheet{max-width:8.5in;margin:0 auto;padding:.3in;font-family:Arial,sans-serif;font-size:11px;line-height:1.2;color:#000;background:#fff}.print-controls{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1000}.btn-print,.btn-close{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-print{background:#059669;color:#fff}.btn-print:hover{background:#047857}.btn-close{background:#dc2626;color:#fff}.btn-close:hover{background:#b91c1c}.loading,.error{text-align:center;padding:2rem;font-size:16px}.error{color:#dc2626}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3in;padding-bottom:.1in;border-bottom:2px solid #000}.company-info h1{font-size:24px;font-weight:700;margin:0 0 4px;color:#000}.company-info p{font-size:14px;margin:0;color:#666}.order-info{text-align:right}.order-number{font-size:18px;font-weight:700;margin-bottom:4px}.order-date{font-size:12px;color:#666}.customer-section,.checklist-section,.items-section,.artwork-section,.shipping-section,.notes-section,.production-notes-section{margin-bottom:.15in;page-break-inside:avoid}.customer-section h2,.checklist-section h2,.items-section h2,.artwork-section h2,.shipping-section h2,.notes-section h2,.production-notes-section h2{font-size:14px;font-weight:700;margin:0 0 .08in;padding-bottom:2px;border-bottom:1px solid #000;color:#000}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.05in}.customer-detail{padding:2px 0}.customer-detail strong{font-weight:700}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:.04in}.checklist-item{display:flex;align-items:center;gap:6px;padding:2px 0}.checklist-item input[type=checkbox]{width:16px;height:16px;margin:0}.checklist-item label{font-size:12px;cursor:pointer}.item-group{margin-bottom:.08in}.item-group h3{font-size:12px;font-weight:700;margin:0 0 4px;color:#000}.items-table{border:1px solid #000}.table-header{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1.2fr 1fr 1.2fr 1fr;background:#f0f0f0;font-weight:700;border-bottom:1px solid #000}.table-header>div{padding:4px;border-right:1px solid #000;font-size:10px}.table-header>div:last-child{border-right:none}.table-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1.2fr 1fr 1.2fr 1fr;border-bottom:1px solid #ccc}.table-row:last-child{border-bottom:none}.table-row>div{padding:3px 4px;border-right:1px solid #ccc;font-size:10px;display:flex;align-items:center}.table-row>div:last-child{border-right:none}.hat-color{display:flex;align-items:center;gap:6px}.color-swatch{width:12px;height:12px;border-radius:50%;border:1px solid #000;flex-shrink:0}.quantity{font-weight:700;justify-content:center}.unit-price,.total-price{font-weight:600;justify-content:center;color:#059669}.total-price{color:#dc2626;font-weight:700}.no-items{text-align:center;padding:1in;font-style:italic;color:#666}.artwork-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.15in}.artwork-column{border:1px solid #d1d5db;padding:.08in;border-radius:4px}.artwork-column h3{font-size:11px;font-weight:700;margin:0 0 .05in;color:#000;text-align:center;border-bottom:1px solid #e5e7eb;padding-bottom:2px}.artwork-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05in;min-height:1.5in}.artwork-image{max-width:1.3in;max-height:1.3in;border:1px solid #000;object-fit:contain;border-radius:2px}.artwork-info p{margin:1px 0;font-size:9px;text-align:center}.no-artwork{display:flex;flex-direction:column;align-items:center;gap:.05in}.artwork-placeholder{width:1.3in;height:1.3in;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6b7280;text-align:center;border-radius:2px;background:#f9fafb}.artwork-notes{text-align:left;font-size:8px;color:#374151}.artwork-notes p{margin:1px 0;font-size:8px}.shipping-address{margin-bottom:.1in}.shipping-address div{margin-bottom:2px}.tracking-info{font-weight:700;margin-top:.1in}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1in}.customer-notes h3,.admin-notes h3{font-size:11px;font-weight:700;margin:0 0 3px;color:#000}.notes-content{min-height:.4in;padding:4px;border:1px solid #ccc;background:#f9f9f9;font-size:10px}.blank-lines{margin-top:.05in}.line{height:.15in;border-bottom:1px solid #000;margin-bottom:.05in}@media print{.print-controls{display:none!important}.production-sheet{margin:0;padding:.5in;max-width:none;width:100%}*{color:#000!important;background:#fff!important}.color-swatch{border:1px solid #000!important;background:#ccc!important}.items-table,.table-header,.table-row>div{border-color:#000!important}.notes-content{background:#f5f5f5!important;border:1px solid #000!important}.checklist-section,.items-section,.artwork-section,.item-group{page-break-inside:avoid}}@media screen and (max-width: 768px){.production-sheet{padding:.25in;font-size:11px}.customer-grid,.checklist-grid,.notes-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header>div,.table-row>div{border-right:none;border-bottom:1px solid #ccc}}.app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.app-header{padding:2rem;text-align:center}main{flex:1;width:100%;max-width:1200px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background-primary: #1A202C;--color-background-secondary: #2D3748;--color-surface-primary: #2D3748;--color-surface-secondary: #374151;--color-text-primary: #FFFFFF;--color-text-secondary: #A0AEC0;--color-text-subtle: #718096;--color-accent-primary: #E53E3E;--color-accent-hover: #C53030;--color-accent-light: rgba(229, 62, 62, .1);--color-border-primary: #4A5568;--color-border-secondary: #2D3748;--color-border-focus: #E53E3E;--color-success: #38A169;--color-warning: #DD6B20;--color-error: #E53E3E}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}