body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);font-family:Inter,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.App,body{background:var(--background-color);min-height:100vh}[data-theme=light]{--background-color:#fff;--surface-color:#f8f9fa;--text-color:#2c3e50;--text-secondary:#7f8c8d;--primary-color:#007acc;--secondary-color:#ff4757;--accent-color:#f39c12;--border-color:#e9ecef;--gradient-background:linear-gradient(135deg,#74b9ff,#0984e3);--header-bg:#fffffff2;--card-bg:#fff;--shadow:#0000001a}[data-theme=dark]{--background-color:#0a0a0a;--surface-color:#1a1a1a;--text-color:#fff;--text-secondary:#b0b0b0;--primary-color:#0f8;--secondary-color:#ff6b6b;--accent-color:gold;--border-color:#333;--gradient-background:linear-gradient(135deg,#667eea,#764ba2);--header-bg:#1a1a1af2;--card-bg:#1a1a1a;--shadow:#0000004d}.header-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:100}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px var(--shadow);padding:.75rem 1.5rem;position:relative}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-container{align-items:center;display:flex;gap:.6rem;transition:transform .3s ease}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#c8a84b 40%,#3d2e00);-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800;text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:1.25rem;list-style:none}.nav-links a{border-radius:8px;color:var(--text-color);font-size:.88rem;font-weight:500;padding:.4rem .6rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-links a.active,.nav-links a:hover{background:var(--surface-color);color:var(--text-color)}.nav-links a.active{font-weight:700}.product-catalog{margin:2rem auto;max-width:1200px;padding:0 2rem}.catalog-header{margin-bottom:3rem;text-align:center}.catalog-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.catalog-title{color:var(--text-color);font-size:3rem;font-weight:800;margin-bottom:1rem}.catalog-subtitle{color:var(--text-secondary);font-size:1.2rem}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.category-card{border-radius:15px;box-shadow:0 10px 30px var(--shadow);cursor:pointer;height:300px;overflow:hidden;position:relative;transition:all .3s ease}.category-card:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-10px) scale(1.02)}.category-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.category-card:hover .category-image{transform:scale(1.1)}.category-overlay{align-items:center;background:linear-gradient(180deg,#0000004d,#000000b3);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.category-card:hover .category-overlay{background:linear-gradient(180deg,#00000080,#000c)}.category-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.category-name{font-size:2rem;font-weight:800;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.products-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 10px 30px var(--shadow);cursor:pointer;position:relative}.product-card:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-10px)}.product-badge{border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:10}.product-badge.pre-designed{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-badge.customizable{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.product-image{background:#f8f9fa;height:350px;object-fit:contain;padding:1rem;width:100%}.product-info{padding:1.5rem}.product-name{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.product-price{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.buy-now-btn,.customize-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.customize-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.customize-btn:hover{box-shadow:0 5px 15px #f5576c66;transform:translateY(-2px)}.buy-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.buy-now-btn:hover{box-shadow:0 5px 15px #764ba266;transform:translateY(-2px)}.kit-customizer{margin:2rem auto;max-width:1200px;padding:0 2rem}.customizer-header{margin-bottom:2rem}.back-button{background:var(--surface-color);border:2px solid var(--border-color);border-radius:25px;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.customizer-title{color:var(--text-color);font-size:2.5rem;font-weight:800}.customizer-content{grid-gap:3rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px var(--shadow);display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem}.kit-preview{align-items:center;display:flex;flex-direction:column}.preview-header{flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.view-toggle{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;gap:.5rem;padding:.5rem}.view-btn{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);font-size:.95rem;padding:.75rem 1.5rem}.view-btn:hover{background:var(--surface-color)}.view-btn.active,.view-btn:hover{border-color:var(--primary-color)}.view-btn.active{background:var(--primary-color)}.view-label{background:#000000b3;border-radius:5px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;position:absolute;right:10px;top:10px;z-index:5}.kit-canvas{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 5px 15px var(--shadow);display:flex;flex-direction:column;height:500px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:400px}.shirt-template-container{height:80%;width:80%}.product-preview-container,.shirt-template-container{align-items:center;display:flex;justify-content:center;position:absolute}.product-preview-container{height:100%;width:100%}.product-preview-image{height:100%;object-fit:contain;padding:2rem;width:100%}.color-overlay{height:100%;transition:background-color .3s ease;width:100%}.preview-price{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-top:1rem}.kit-text{color:#fff;font-weight:700;position:absolute;text-shadow:2px 2px 4px #000c;z-index:10}.draggable,.kit-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.draggable{cursor:grab;touch-action:none}.draggable:active{cursor:grabbing}.drag-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic;font-weight:400}.player-name{font-size:1.5rem;letter-spacing:2px;text-transform:uppercase;top:25%}.player-number{font-size:4rem;font-weight:900;top:50%}.sponsor-logo{height:50px;object-fit:contain;position:absolute;top:10%;width:100px;z-index:10}.customization-panel{display:flex;flex-direction:column;gap:2rem}.customization-group{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem}.group-title{color:var(--text-color);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.color-pickers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--text-color);font-size:.9rem;font-weight:500}.color-label{color:var(--text-secondary);font-family:monospace;font-size:.85rem;margin-top:.25rem;text-align:center}.input-group input{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .3s ease}.input-group input:focus{border-color:var(--primary-color);outline:none}.color-picker{border:none;border-radius:8px;cursor:pointer;height:60px;height:50px;width:100%}.file-input{display:none}.file-label{background:var(--primary-color);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;padding:.75rem 1.5rem;text-align:center;transition:background .3s ease}.file-label:hover{background:var(--secondary-color)}.proceed-button{background:var(--gradient-background);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2rem;transition:transform .3s ease}.proceed-button:hover{transform:translateY(-2px)}.size-selector{margin:2rem auto;max-width:800px;padding:0 2rem}.size-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px var(--shadow);padding:2rem}.size-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.order-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:2rem;padding:1.5rem}.summary-title{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.summary-item{color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:.5rem}.total-price{border-top:2px solid var(--border-color);color:var(--primary-color);margin-top:1rem;padding-top:1rem}.order-button,.total-price{font-size:1.2rem;font-weight:700}.order-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:1rem;transition:transform .3s ease;width:100%}.order-button:hover{transform:translateY(-2px)}.header-right,.nav-hamburger,.nav-mobile{display:none}.nav-desktop{align-items:center;display:flex;gap:1rem}@media (max-width:768px){.nav-desktop{display:none}.header-right{align-items:center;display:flex;gap:.75rem}.nav-hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:200}.hamburger-bar{background:var(--text-color);border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .25s ease,opacity .25s ease;width:100%}.hamburger-bar.open:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-bar.open:nth-child(2){opacity:0}.hamburger-bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-mobile{border-top:1px solid var(--border-color);display:block;overflow:hidden}.nav-mobile-links{display:flex;flex-direction:column;gap:.25rem;list-style:none;padding:.75rem 1rem 1rem}.nav-mobile-links a{border-radius:8px;color:var(--text-color);display:block;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease,color .2s ease}.nav-mobile-links a.active,.nav-mobile-links a:hover{background:var(--surface-color);color:var(--primary-color)}.header-content{align-items:center;flex-direction:row;justify-content:space-between}.customizer-content{gap:2rem;grid-template-columns:1fr}.kit-canvas{height:330px;width:260px}.catalog-title{font-size:2rem}.products-grid{grid-template-columns:1fr}.customizer-header{align-items:flex-start;flex-direction:column;gap:.75rem}.customizer-title{font-size:1.6rem}}@media (max-width:480px){.header{padding:.85rem 1rem}.brand-name{font-size:1.2rem}.kit-canvas{height:280px;width:220px}.color-pickers-grid{grid-template-columns:1fr 1fr}.proceed-button{width:100%}}.color-pi
cker{border:none;border-radius:8px;cursor:pointer;height:60px;width:100%}.size-slider{background:var(--surface-color);border-radius:5px;cursor:pointer;height:8px;margin-top:.5rem;outline:none;width:100%}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.size-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.size-label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-top:.25rem}.team-name{font-weight:800;letter-spacing:2px;text-transform:uppercase}.admin-link{background:#0000!important;border:1.5px solid var(--border-color)!important;border-radius:20px!important;color:var(--text-color)!important;font-weight:600!important;letter-spacing:.3px!important;padding:.45rem 1.1rem!important;transition:all .25s ease!important}.admin-link:hover{border-color:var(--text-color)!important;box-shadow:0 4px 14px var(--shadow)!important;transform:translateY(-1px)!important}.admin-link:hover,.auth-link{background:var(--text-color)!important;color:var(--background-color)!important}.auth-link{border:1.5px solid var(--text-color)!important;border-radius:20px!important;font-weight:600!important;letter-spacing:.3px!important;padding:.45rem 1.1rem!important;transition:all .25s ease!important}.auth-link:hover{background:#0000!important;box-shadow:0 4px 14px var(--shadow)!important;color:var(--text-color)!important;transform:translateY(-1px)!important}.preview-3d-container{border-radius:12px;box-shadow:0 8px 32px #0003;height:500px;overflow:hidden;position:relative;width:100%}.view-toggle-3d{bottom:60px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.view-btn-small{background:#ffffffe6;border:2px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.view-btn-small.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.view-btn-small:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.position-editor-btn{background:#fffffff2;border:2px solid #667eea;border-radius:25px;bottom:70px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:100}.position-editor-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateX(-50%) translateY(-2px)}.product-preview-large{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;margin:0 auto 30px;max-width:500px;overflow:hidden;position:relative;width:100%}.product-preview-large img{display:block;height:auto;object-fit:cover;width:100%}.preview-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:15px;position:absolute;right:0;text-align:center}.preview-overlay p{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.product-reference{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:8px;padding:10px}.product-reference img{border-radius:6px;height:80px;object-fit:cover;width:80px}.product-reference span{color:#666;font-size:11px;font-weight:600}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.preview-header h3{color:#1a1a1a;font-size:24px;margin:0}.product-customization-preview{margin:0 auto;max-width:600px;width:100%}.customizable-product{aspect-ratio:3/4;background:#f5f7fa;border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden;position:relative;width:100%}.base-product-image{display:block;height:100%;object-fit:cover;width:100%}.color-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.text-overlay{font-weight:900;left:50%;letter-spacing:2px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:10}.player-number-overlay{font-weight:900}.logo-overlay{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.logo-overlay img{display:block;height:auto;max-width:100%}.no-product-image{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-product-image p{font-size:16px;margin:5px 0}.preview-hint{color:#667eea;font-size:14px;font-weight:600;margin-top:15px;text-align:center}.view-toggle{display:flex;gap:10px}.view-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.view-btn:hover:not(.active){border-color:#667eea;color:#667eea}.customizable-product.rotatable{transform-style:preserve-3d;transition:transform .3s ease-out}.rotation-controls{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;padding:20px}.control-group{align-items:center;display:flex;gap:15px;margin-bottom:15px}.control-group label{color:#333;font-size:14px;font-weight:600;min-width:140px}.rotation-slider{-webkit-appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;flex:1 1;height:6px;outline:none}.rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:20px;width:20px}.rotation-slider::-moz-range-thumb{background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:20px;width:20px}.control-group span{color:#667eea;font-size:14px;font-weight:600;min-width:50px;text-align:right}.reset-rotation-btn{background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.reset-rotation-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.color-overlay-adjustable{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.customizer-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.history-controls{gap:.75rem}.history-btn,.history-controls{align-items:center;display:flex}.history-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:.4rem;padding:.65rem 1.25rem;transition:all .3s ease}.history-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.history-btn:active:not(:disabled){transform:translateY(0)}.history-btn:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.4}.undo-btn:not(:disabled):hover{background:#3498db4d;border-color:#3498db99}.redo-btn:not(:disabled):hover{background:#2ecc714d;border-color:#2ecc7199}.reset-btn{background:#e74c3c33;border-color:#e74c3c66}.reset-btn:not(:disabled):hover{background:#e74c3c59;border-color:#e74c3cb3}@media (max-width:768px){.customizer-header{align-items:flex-start;flex-direction:column}.history-controls{justify-content:space-between;width:100%}.history-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.75rem .5rem}}.history-btn[title]:after{background:#000000e6;border-radius:6px;bottom:-35px;color:#fff;content:attr(title);font-size:.75rem;left:50%;opacity:0;padding:.4rem .8rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.history-btn:hover[title]:after{opacity:1}:root{--admin-primary:#6366f1;--admin-primary-dark:#4f46e5;--admin-secondary:#8b5cf6;--admin-accent:#06b6d4;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-dark:#0f172a;--admin-sidebar:linear-gradient(180deg,#0f172a,#1e293b);--admin-glass:#fffffff2;--admin-shadow:0 10px 40px #0000001a;--admin-shadow-hover:0 20px 60px #00000026}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.admin-login:before{background:#ffffff1a;height:500px;right:-250px;top:-250px;width:500px}.admin-login:after,.admin-login:before{border-radius:50%;content:"";position:absolute}.admin-login:after{background:#ffffff0d;bottom:-200px;height:400px;left:-200px;width:400px}.login-container{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 30px 90px #0000004d;max-width:450px;padding:3.5rem;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#666;font-size:1.05rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{gap:.6rem}.form-group label{font-size:.95rem;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;font-size:1rem;padding:1rem 1.25rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 20px #667eea4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;letter-spacing:.5px;padding:1.15rem;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.error-message{animation:shake .5s ease;border-left:4px solid #c33;border-radius:12px;font-weight:500;padding:1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.success-message{background:#d4edda;border-left:4px solid #28a745;border-radius:12px;color:#155724;font-weight:500;padding:1rem;text-align:center}.admin-dashboard{background:#f8f9fc;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);background:var(--admin-sidebar);box-shadow:4px 0 30px #0003;color:#fff;display:flex;flex-direction:column;padding:0;position:relative;width:280px;z-index:100}.admin-sidebar:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-logo{background:#0000004d;border-bottom:1px solid #ffffff14;padding:2rem 1.75rem;position:relative}.admin-logo:after{background:linear-gradient(90deg,#0000,#6366f180,#0000);bottom:0;content:"";height:1px;left:1.75rem;position:absolute;right:1.75rem}.admin-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin-bottom:.35rem}.admin-logo p{font-size:.85rem;font-weight:400;letter-spacing:1px;opacity:.6;text-transform:uppercase}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:.4rem;overflow-y:auto;padding:1.5rem 1rem}.nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.85rem;overflow:visible;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:#0000;border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:3px}.nav-item:hover{background:#6366f126;color:#fff;transform:translateX(4px)}.nav-item:hover:before{background:#6366f1;background:var(--admin-primary)}.nav-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);box-shadow:0 8px 25px #6366f166;color:#fff;transform:translateX(4px)}.nav-item.active:before{background:#fff;width:4px}.nav-item.active:after{animation:pulse 2s infinite;background:#fff;border-radius:50%;content:"";height:8px;position:absolute;right:12px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;justify-content:center;letter-spacing:1px;margin:1rem 1.5rem 1.5rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{box-shadow:0 10px 30px #ef444466;transform:translateY(-3px)}.admin-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:2rem 2.5rem;position:relative}.admin-content:before{background:radial-gradient(circle,#6366f10d 0,#0000 70%);content:"";height:400px;pointer-events:none;position:fixed;right:0;top:0;width:400px}.admin-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:relative}.admin-header:after{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100px}.admin-header h1{color:#0f172a;color:var(--admin-dark);font-size:1.85rem;font-weight:800;letter-spacing:-.5px;margin:0}.admin-user{background:#fff;border:1px solid #0000000d;border-radius:50px;box-shadow:0 4px 20px #00000014;color:#334155;font-size:.9rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.admin-user,.admin-user:before{align-items:center;display:flex}.admin-user:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));border-radius:50%;content:"";height:32px;justify-content:center;width:32px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2.5rem}.stat-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 40px #0000001a;box-shadow:var(--admin-shadow);display:flex;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary),var(--admin-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:after{background:radial-gradient(circle,#6366f10d 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.stat-card:first-child:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#06b6d4)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#ec4899,#8b5cf6)}.stat-card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--admin-shadow-hover);transform:translateY(-8px) scale(1.02)}.stat-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;display:flex;font-size:2.5rem;height:65px;justify-content:center;position:relative;width:65px}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#6366f126,#8b5cf626)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b98126,#06b6d426)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b26,#ef444426)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#ec489926,#8b5cf626)}.stat-info h3{color:#0f172a;color:var(--admin-dark);font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .25rem}.stat-info p{color:#64748b;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.customers-content,.orders-content,.recent-orders{background:#fff;border:1px solid #0000000d;border-radius:24px;box-shadow:0 10px 40px #0000001a;box-shadow:var(--admin-shadow);overflow:hidden;padding:2rem;position:relative}.customers-content:before,.orders-content:before,.recent-orders:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary),var(--admin-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.customers-content h2,.orders-content h2,.recent-orders h2{align-items:center;color:#0f172a;color:var(--admin-dark);display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0 0 1.75rem}.recent-orders h2:before{content:"📦"}.orders-content h2:before{content:"🛒"}.customers-content h2:before{content:"👥"}.admin-table{border:1px solid #e2e8f0;border-collapse:initial;border-radius:16px;border-spacing:0;overflow:hidden;width:100%}.admin-table thead{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--admin-dark) 0,#1e293b 100%);color:#fff}.admin-table th{font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.admin-table td,.admin-table th{padding:1.15rem 1rem;text-align:left}.admin-table td{color:#334155;font-size:.9rem;font-weight:500}.admin-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-table tbody tr:hover{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);transform:scale(1.005)}.admin-table tbody tr:last-child{border-bottom:none}.status-badge{align-items:center;border-radius:25px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.5px;padding:.45rem 1rem;text-transform:uppercase}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;letter-spacing:.5px;margin-right:.4rem;padding:.55rem 1.1rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-3px) scale(1.05)}.action-btn.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.view{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);color:#fff}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.search-input{background:#fff;border:2px solid #e8e8e8;border-radius:12px;font-size:.95rem;min-width:300px;padding:.9rem 1.5rem;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.search-input::placeholder{color:#999}.add-button{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:12px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 1.75rem;transition:all .3s ease}.add-button:hover{box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.add-button--refresh{box-shadow:0 4px 15px #3498db4d}.add-button--refresh:hover{box-shadow:0 6px 20px #3498db66}.add-button--danger:hover{box-shadow:0 6px 20px #e74c3c66}.admin-header-actions{gap:1rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a;max-height:90vh;max-width:950px;overflow-y:auto;position:relative;width:100%}.modal-content:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary),var(--admin-accent));border-radius:24px 24px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.modal-header{background:linear-gradient(135deg,#6366f108,#8b5cf608);border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-top:5px;padding:1.75rem 2rem}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#0f172a;color:var(--admin-dark);font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.close-button{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:45px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:42px}.close-button:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.modal-body{padding:2.5rem}.detail-section{border-bottom:2px solid #f0f0f0;margin-bottom:2.5rem;padding-bottom:2rem}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h3{color:#667eea;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.detail-section h3:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;content:"";height:24px;width:4px}.detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.detail-grid div{background:#f8f9fc;border:1px solid #e8e8e8;border-radius:12px;color:#1a1a2e;font-size:.95rem;padding:1.25rem;transition:all .2s ease}.detail-grid div:hover{background:#f0f2f8;border-color:#667eea}.detail-grid strong{color:#555;display:block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.description-text{background:#f8f9fc;border-left:4px solid #667eea;border-radius:12px;color:#333;font-size:.95rem;line-height:1.7;margin:0;padding:1.5rem}.customization-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.custom-item{background:#f8f9fc;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s ease}.custom-item:hover{background:#f0f2f8;border-color:#667eea}.custom-item strong{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.custom-item span{color:#1a1a1a;font-size:.95rem;font-weight:600}.color-preview{border:3px solid #fff;border-radius:12px;box-shadow:0 4px 12px #00000026;height:60px;width:60px}.logo-item{grid-column:1/-1}.logo-full{background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 12px #00000014;max-height:180px;max-width:350px;object-fit:contain;padding:1.25rem}.status-buttons{gap:1rem}.status-btn{border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:.95rem;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase}.status-btn.pending{background:#ffc107;color:#000}.status-btn.processing{background:#2196f3}.status-btn.completed{background:#4caf50}.status-btn.cancelled{background:#f44336}.status-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.status-btn:disabled{transform:none}.status-btn:disabled:hover{box-shadow:0 4px 12px #0000001a;transform:none}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{background:linear-gradient(135deg,#6366f108,#8b5cf608);border:2px dashed #e2e8f0;border-radius:20px;color:#64748b;padding:4rem 2rem;text-align:center}.empty-state-icon{animation:float 3s ease-in-out infinite;font-size:4.5rem;margin-bottom:1.25rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#0f172a;color:var(--admin-dark);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#64748b;font-size:.95rem;margin:0 auto;max-width:300px}@media (max-width:1024px){.admin-sidebar{width:240px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-content::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#0000}.admin-content::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);background:linear-gradient(180deg,var(--admin-primary),var(--admin-secondary));border-radius:10px}.admin-content::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#6366f1);background:linear-gradient(180deg,var(--admin-secondary),var(--admin-primary))}::selection{background:#6366f133;color:#0f172a;color:var(--admin-dark)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--admin-primary);outline-offset:2px}.order-detail-modal{max-width:1000px;width:95%}.order-detail-modal--kit{max-width:1180px}.order-detail-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr;margin-bottom:24px}.order-detail-layout--kit{grid-template-columns:minmax(340px,1fr) minmax(280px,1fr)}@media (min-width:1100px){.order-detail-layout--kit{grid-template-columns:minmax(560px,1.2fr) 1fr}}@media (max-width:900px){.order-detail-layout--kit{grid-template-columns:1fr}}.kit-fulfillment-download-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.kit-asset-download-btn{background:#eef2ff;border:1px solid #6366f1;border-radius:8px;color:#4338ca;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.kit-asset-download-btn:hover:not(:disabled){background:#e0e7ff;border-color:#4f46e5}.kit-asset-download-btn:disabled{cursor:not-allowed;opacity:.55}.kit-fulfillment-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;width:100%}.kit-fulfillment-cell{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;text-align:left}.kit-fulfillment-cell-head{align-items:center;background:linear-gradient(180deg,#ececec,#e2e2e2);border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 10px}.kit-fulfillment-cell-head .kit-fulfillment-cell-label{color:#555;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kit-fulfillment-no-dl{color:#aaa;font-size:12px}.kit-fulfillment-quadrant-wrap{aspect-ratio:1;background:#0a0a0f;position:relative}.kit-fulfillment-quadrant-bg{background-color:#0a0a0f;inset:0;position:absolute}.kit-fulfillment-single-img-wrap{align-items:center;background:#0a0a0f;display:flex;justify-content:center;max-height:420px;min-height:200px;padding:8px}.kit-fulfillment-single-img{display:block;height:100%;max-height:400px;object-fit:contain;width:100%}.kit-fulfillment-missing{color:#888;font-size:13px;padding:24px 12px;text-align:center}.kit-detail-subsection{border-top:1px solid #00000014;margin-top:1rem;padding-top:1rem}.kit-detail-subsection h4{color:#555;font-size:13px;letter-spacing:.04em;margin:0 0 .65rem;text-transform:uppercase}.kit-detail-subsection-hint{color:#666;font-size:12px;line-height:1.4;margin:-.35rem 0 .75rem}.kit-detail-download-bar{margin-bottom:.85rem}.kit-detail-lines{color:#333;font-size:14px;line-height:1.45;margin:0;padding-left:1.1rem}.kit-detail-lines li{margin-bottom:.5rem}.kit-detail-line-text{color:#111;font-weight:600}.kit-detail-meta{color:#666;font-size:12px;font-weight:400}.kit-detail-color-swatch{border:1px solid #0003;border-radius:2px;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}.kit-detail-logo-cards{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.kit-detail-logo-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:12px 14px}.kit-detail-logo-card-title{color:#222;font-size:14px;margin-bottom:10px}.kit-detail-logo-zone{color:#4338ca;display:inline-block;font-size:12px;font-weight:600;letter-spacing:0;margin-left:8px;text-transform:none}.kit-detail-logo-preview-wrap{align-items:center;background:#fff;border:1px dashed #ccc;border-radius:8px;display:flex;justify-content:center;margin-bottom:10px;max-height:220px;min-height:100px;padding:10px}.kit-detail-logo-preview{height:auto;max-height:200px;max-width:100%;object-fit:contain;width:auto}.kit-detail-logo-actions{display:flex;flex-wrap:wrap;gap:8px}.kit-detail-missing{color:#999;font-size:12px}.kit-detail-json-hint{font-size:.85rem;margin-top:.75rem;opacity:.8}.kit-full-sheet-details{color:#666;font-size:12px;margin-top:10px}.kit-full-sheet-details summary{color:#4338ca;cursor:pointer;font-weight:600;margin-bottom:8px}.kit-full-sheet-img{background:#0a0a0f;border:1px solid #e0e0e0;border-radius:8px;max-height:280px;object-fit:contain;width:100%}.kit-full-sheet-actions{margin-top:10px}.order-preview-column{position:-webkit-sticky;position:sticky;top:0}.preview-card{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:16px;padding:20px;text-align:center}.preview-card h3{color:#666;font-size:14px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.preview-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.preview-item{align-items:center;display:flex;flex-direction:column;gap:8px}.preview-label{background:#f0f0f0;border-radius:12px;color:#888;font-size:11px;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.order-design-preview-caption{color:#666;font-size:12px;line-height:1.35;margin:-8px 0 12px}.order-design-preview-loading{color:#6366f1;font-size:12px;margin:0 0 10px}.order-design-download-btn{background:#eef2ff;border:1px solid #6366f1;border-radius:8px;color:#4338ca;cursor:pointer;font-size:11px;font-weight:600;margin-top:4px;max-width:180px;padding:6px 12px;transition:background .15s ease,border-color .15s ease;width:100%}.order-design-download-btn:hover{background:#e0e7ff;border-color:#4f46e5}.order-preview-image{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:200px;object-fit:contain;padding:8px;width:100%}.no-preview-small{background:#f5f5f5;color:#ccc;font-size:40px;height:150px;width:100%}.no-preview,.no-preview-small{align-items:center;border-radius:12px;display:flex;justify-content:center}.no-preview{background:#f0f0f0;color:#999;flex-direction:column;height:200px}.no-preview span{font-size:48px;margin-bottom:10px}.product-info{border-top:1px solid #ddd;margin-top:16px;padding-top:16px}.product-info h4{color:#333;font-size:16px;margin-bottom:4px}.product-info .product-price{color:#667eea;font-size:20px;font-weight:700}.order-info-column{display:flex;flex-direction:column;gap:16px}.detail-section h3{align-items:center;border-bottom:2px solid #667eea;color:#333;display:flex;font-size:16px;gap:8px;margin-bottom:12px;padding-bottom:8px}.detail-grid.measurements{background:#f8f9fa;border-radius:8px;padding:12px}.total-amount{color:#28a745;font-size:18px;font-weight:700}.customization-section{background:linear-gradient(145deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:16px;padding:20px}.customization-full-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.custom-group{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px}.custom-group h4{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.color-items,.text-items{display:flex;flex-direction:column;gap:10px}.custom-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:8px 0}.custom-item:last-child{border-bottom:none}.custom-item strong{color:#666;font-size:13px;min-width:100px}.color-preview{border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px #0003;height:28px;width:28px}.text-value{color:#333;font-size:15px;font-weight:600}.text-value.number{color:#667eea;font-size:24px;font-weight:700}.logos-group{grid-column:1/-1}.logos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.logo-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:12px;text-align:center}.logo-item strong{color:#666;display:block;font-size:12px;margin-bottom:10px;text-transform:uppercase}.logo-item img{background:#fff;border-radius:8px;max-height:80px;max-width:100%;object-fit:contain;padding:8px}.logo-info{color:#999;display:block;font-size:11px;margin-top:6px}.status-section{background:linear-gradient(145deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:16px;padding:20px}.status-buttons{display:flex;flex-wrap:wrap;gap:12px}.status-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease}.status-btn:disabled{cursor:not-allowed;opacity:.5}.status-btn.pending{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333}.status-btn.processing{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.status-btn.completed{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.status-btn.cancelled{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.status-btn:not(:disabled):hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.order-detail-layout{grid-template-columns:1fr}.order-preview-column{position:relative}.customization-full-grid{grid-template-columns:1fr}.logos-grid{grid-template-columns:repeat(2,1fr)}}.admin-hamburger{display:none}.admin-header-actions,.admin-header-left{align-items:center;display:flex;gap:.75rem}.admin-header-actions{flex-wrap:wrap}.add-button--refresh{background:linear-gradient(135deg,#3498db,#2980b9)}.add-button--danger,.add-button--refresh{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.75rem 1.25rem;transition:all .3s ease}.add-button--danger{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.admin-sidebar-backdrop{display:none}@media (max-width:900px){.admin-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s ease;width:260px;z-index:500}.admin-sidebar-open .admin-sidebar{transform:translateX(0)}.admin-sidebar-backdrop{background:#00000080;display:block;inset:0;position:fixed;z-index:499}.admin-hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:20px;justify-content:space-between;padding:0;width:28px}.admin-hamburger span{background:#0f172a;background:var(--admin-dark);border-radius:2px;display:block;height:2px;width:100%}.admin-content{padding:.85rem;width:100%}.admin-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.65rem;justify-content:space-between;margin-bottom:1.25rem}.admin-header-left{flex:1 1;min-width:0}.admin-header h1{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-header-actions{gap:.5rem}.add-button--danger,.add-button--refresh{font-size:.78rem;padding:.55rem .85rem}.admin-user{font-size:.8rem;padding:.5rem .85rem}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.stat-card{gap:.65rem;padding:1rem}.stat-icon{border-radius:12px;font-size:1.6rem;height:44px;width:44px}.stat-info h3{font-size:1.3rem}.stat-info p{font-size:.68rem}.customers-content,.orders-content,.recent-orders{border-radius:16px;overflow:visible;padding:1rem}.customers-content h2,.orders-content h2,.recent-orders h2{font-size:1.05rem;margin-bottom:1rem}.admin-table{border:none;border-radius:0;min-width:0;width:100%}.admin-table thead{display:none}.admin-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:block;margin-bottom:.75rem;padding:.85rem 1rem;transform:none!important}.admin-table tbody tr:hover{background:linear-gradient(135deg,#6366f10a,#8b5cf60a);transform:none!important}.admin-table td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.45rem 0}.admin-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.65rem}.admin-table td:before{color:#94a3b8;content:attr(data-label);flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.05em;min-width:80px;text-transform:uppercase}.admin-table td:last-child:before{display:none}.search-input{min-width:0;width:100%}.content-header{align-items:stretch;flex-direction:column;gap:.75rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;max-height:92vh;width:100%}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.05rem}.modal-body{padding:1rem 1.25rem 1.5rem}.detail-grid{gap:.65rem;grid-template-columns:1fr}.detail-grid div{color:#1a1a2e;font-size:.88rem;padding:.85rem 1rem}.customization-grid,.kit-fulfillment-grid,.preview-images-grid{grid-template-columns:1fr}.status-buttons{flex-direction:column;gap:.6rem}.status-btn{font-size:.9rem;padding:.9rem;width:100%}.admin-logo{padding:1.25rem}.admin-logo h2{font-size:1.2rem}}@media (max-width:480px){.stats-grid{gap:.6rem;grid-template-columns:1fr 1fr}.stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.85rem}.stat-icon{font-size:1.4rem;height:38px;width:38px}.stat-info h3{font-size:1.2rem}.action-btn{font-size:.78rem;margin-right:0;padding:.5rem .85rem}.admin-content{padding:.65rem}.customers-content,.orders-content,.recent-orders{padding:.85rem}.add-button--danger,.add-button--refresh{font-size:.72rem;padding:.5rem .65rem}}.login-container .auth-back-btn{margin-bottom:24px}.theme-toggle{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:box-shadow .3s ease;width:44px}.theme-toggle:hover{box-shadow:0 4px 16px #0003}.toggle-icon{font-size:1.2rem}.auth-container,.toggle-icon{align-items:center;display:flex;justify-content:center}.auth-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-card h2{color:#1a1a1a;font-size:28px;margin:0 0 8px;text-align:center}.auth-subtitle{color:#666;font-size:14px;margin:0 0 30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.auth-error,.auth-success{font-size:14px;padding:12px;text-align:center}.auth-success{background:#efe;border:1px solid #cfc;border-radius:8px;color:#3c3}.auth-switch{color:#666;font-size:14px;margin-top:24px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.user-profile{display:none}.user-profile-inline{gap:.5rem}.user-avatar,.user-profile-inline{align-items:center;display:flex;flex-shrink:0}.user-avatar{background:linear-gradient(135deg,#c8a84b,#8b6914);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--text-color);font-size:.78rem;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary);font-size:.68rem}.user-logout-btn{background:#e63946;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;padding:.3rem .7rem;transition:background .2s;white-space:nowrap}.user-logout-btn:hover{background:#c1121f}.nav-mobile-user{border-top:1px solid var(--border-color);margin-top:.25rem;padding:.75rem 1rem}.auth-back-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:999px;color:#555;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;margin-bottom:20px;padding:6px 12px;transition:border-color .2s,color .2s}.auth-back-btn:hover{border-color:#667eea;color:#667eea}.homepage{background:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}.homepage--swl{--home-radius:12px;--home-radius-lg:16px;--home-shadow:0 4px 24px var(--shadow);--home-border:1px solid var(--border-color)}.home-topbar{background:var(--surface-color);border-bottom:var(--home-border);color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.02em;padding:.65rem 1rem}.home-topbar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.home-topbar-dot{background:var(--text-secondary);border-radius:50%;height:4px;opacity:.45;width:4px}.home-container{margin:0 auto;max-width:1200px;padding:0 clamp(1rem,4vw,2rem);width:100%}.home-hero--primary{align-items:center;display:flex;isolation:isolate;min-height:min(100vh,640px);padding:clamp(3rem,8vw,5rem) 0;position:relative}.home-hero-bg{isolation:isolate}.home-hero-bg,.home-hero-bg-image{inset:0;position:absolute;z-index:0}.home-hero-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.home-hero-bg:before{background-image:linear-gradient(135deg,#0000002e,#141e3242),radial-gradient(ellipse 90% 80% at 80% 20%,#007acc2e,#0000 55%),radial-gradient(ellipse 70% 60% at 10% 90%,#ff47571a,#0000 50%),linear-gradient(160deg,#1a1a2e9e,#16213e94 45%,#0f346094);content:"";inset:0;position:absolute;z-index:1}.home-hero-bg:after{background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:48px 48px;content:"";inset:0;opacity:.12;pointer-events:none;position:absolute;z-index:2}.home-hero-grid{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr;position:relative;z-index:1}.home-hero-carousel-controls{align-items:center;bottom:1.5rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.home-hero-carousel-arrow{align-items:center;background:#0003;border:1px solid #ffffff59;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:2.25rem;justify-content:center;width:2.25rem}.home-hero-carousel-arrow:hover{background:#00000047;border-color:#fff9}.home-hero-carousel-dots{align-items:center;display:flex;gap:.55rem}.home-hero-carousel-dot{background:#ffffff59;border:none;border-radius:999px;cursor:pointer;height:10px;width:10px}.home-hero-carousel-dot.is-active{background:#fff;box-shadow:0 0 0 4px #ffffff26}.home-hero-copy{color:#fff}.home-hero-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.22em;margin:0 0 1rem;opacity:.85;text-transform:uppercase}.home-hero-title{font-size:clamp(1.75rem,4.2vw,3rem);font-weight:800;letter-spacing:.02em;line-height:1.08;margin:0 0 1rem;text-shadow:0 2px 24px #00000059}.home-hero-lead{color:#ffffffe0;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.65;margin:0 0 1.75rem;max-width:36rem}.home-hero-visual{align-items:center;display:flex;justify-content:center}.home-hero-logo{filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));height:auto;object-fit:contain;width:min(100%,280px)}.home-hero--secondary{background:var(--surface-color);border-bottom:var(--home-border);padding:clamp(3rem,7vw,4.5rem) 0}.home-hero-secondary-inner{margin:0 auto;max-width:900px;text-align:center}.home-hero-secondary-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0 0 1.75rem}.home-hero-secondary-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center}.home-trust-strip{background:var(--card-bg);border-bottom:var(--home-border);padding:1.25rem 0}.home-trust-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.home-trust-item{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8125rem;font-weight:600;gap:.5rem}.home-icon-svg{color:var(--primary-color);height:24px;width:24px}.home-section{padding:clamp(3rem,8vw,5rem) 0}.home-section--muted{background:#f8fafc}[data-theme=dark] .home-section--muted{background:color-mix(in srgb,var(--surface-color) 85%,#000)}.home-section-kicker{color:var(--primary-color);font-size:.72rem;font-weight:700;letter-spacing:.2em;margin:0 0 .75rem;text-align:center;text-transform:uppercase}.home-section-h2{color:var(--text-color);font-size:clamp(1.65rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.home-section-h2--center{text-align:center}.home-section-sub{color:var(--text-secondary);font-size:1.05rem;line-height:1.65;margin:0 0 2.5rem;max-width:40rem;text-align:center}.home-section-sub--center{margin-left:auto;margin-right:auto}.home-essentials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.home-essential-card{background:var(--card-bg);border:var(--home-border);border-radius:var(--home-radius-lg);box-shadow:var(--home-shadow);overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.home-essential-card:hover{box-shadow:0 12px 36px var(--shadow);transform:translateY(-4px)}.home-essential-media{aspect-ratio:4/3;background:linear-gradient(145deg,var(--surface-color),var(--card-bg));overflow:hidden}.home-essential-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.home-essential-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin:1rem 1.25rem .5rem}.home-essential-blurb{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin:0 1.25rem 1rem}.home-link-cta{background:#0000;border:none;border-top:var(--home-border);color:var(--primary-color);cursor:pointer;display:block;font-family:inherit;font-size:.8rem;font-weight:800;letter-spacing:.14em;margin-top:auto;padding:.9rem 1.25rem;text-transform:uppercase;transition:background .2s ease,color .2s ease;width:100%}.home-link-cta:hover{background:color-mix(in srgb,var(--primary-color) 8%,#0000)}.home-quick-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2.5rem}.home-chip{background:var(--surface-color);border:var(--home-border);border-radius:999px;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:border-color .2s ease,background .2s ease}.home-chip:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));border-color:var(--primary-color)}.home-product-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}.home-product-card{background:var(--card-bg);border:var(--home-border);border-radius:var(--home-radius);box-shadow:var(--home-shadow);overflow:hidden;transition:transform .3s ease}.home-product-card:hover{transform:translateY(-4px)}.home-product-media{aspect-ratio:1;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);overflow:hidden;position:relative}[data-theme=dark] .home-product-media{background:linear-gradient(180deg,#252525,#1a1a1a)}.home-product-badge{background:var(--secondary-color);border-radius:6px;color:#fff;font-size:.65rem;font-weight:800;left:.75rem;letter-spacing:.06em;padding:.35rem .6rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:1}.home-product-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.home-product-body{padding:1rem 1.1rem 1.25rem}.home-product-name{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.home-product-price{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin:0 0 1rem}.home-reviews-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.home-review-card{background:var(--card-bg);border:var(--home-border);border-radius:var(--home-radius-lg);box-shadow:var(--home-shadow);margin:0;padding:1.5rem 1.65rem}.home-review-title{color:var(--text-color);font-size:1rem;font-weight:800;margin:0 0 .75rem}.home-review-text{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.65;margin:0 0 1rem}.home-review-author{color:var(--primary-color);font-size:.85rem;font-weight:600}.home-section--promo{padding-bottom:clamp(3rem,8vw,5rem);padding-top:0}.home-promo-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.home-promo-card{background:linear-gradient(145deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 65%,#1a1a2e));border-radius:var(--home-radius-lg);box-shadow:var(--home-shadow);color:#fff;padding:2rem 1.5rem;text-align:center}.home-promo-kicker{font-size:.72rem;font-weight:800;letter-spacing:.16em;margin:0 0 .75rem;opacity:.85;text-transform:uppercase}.home-promo-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:800;line-height:1.25;margin:0 0 1.25rem}.home-value-row{background:var(--surface-color);border-bottom:var(--home-border);border-top:var(--home-border);padding:2.5rem 0}.home-value-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.home-value-item{text-align:center}.home-value-item .home-icon-svg{margin:0 auto .75rem}.home-value-title{font-size:1rem;font-weight:800;margin:0 0 .5rem}.home-value-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.home-final-cta{background:var(--gradient-background);overflow:hidden;padding:clamp(3.5rem,9vw,5.5rem) 0;position:relative}.home-final-cta:before{background:radial-gradient(ellipse 80% 60% at 50% 100%,#0003,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.home-final-inner{margin:0 auto;max-width:560px;position:relative;text-align:center}.home-final-heading{color:#fff;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:800;line-height:1.2;margin:0 0 .75rem}.home-final-sub{color:#ffffffe0;font-size:1.05rem;line-height:1.6;margin:0 0 1.75rem}.home-final-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center}.home-btn{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:.04em;padding:.88rem 1.75rem;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.home-btn--small{font-size:.75rem;padding:.65rem 1rem;width:100%}.home-btn--light{background:#fff;box-shadow:0 4px 20px #00000026;color:#1a1a2e}.home-btn--light:hover{box-shadow:0 8px 28px #0003;transform:translateY(-1px)}.home-btn--dark{background:#1a1a2e;color:#fff}[data-theme=dark] .home-btn--dark{background:#fff;color:#1a1a2e}.home-btn--dark:hover{opacity:.92;transform:translateY(-1px)}.home-btn--outline{background:#0000;border:2px solid var(--border-color);color:var(--text-color);padding:calc(.88rem - 2px) calc(1.75rem - 2px)}.home-btn--outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.home-btn--inverse{background:#fff;color:var(--primary-color)}.home-btn--inverse:hover{opacity:.95;transform:translateY(-2px)}.home-btn--outline-light{background:#0000;border:2px solid #ffffff8c;color:#fff;padding:calc(.88rem - 2px) calc(1.75rem - 2px)}.home-btn--outline-light:hover{background:#ffffff1a;border-color:#fff}@media (max-width:1024px){.home-product-grid,.home-value-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.home-hero-grid{grid-template-columns:1fr;text-align:center}.home-hero-lead{margin-left:auto;margin-right:auto}.home-essentials-grid{grid-template-columns:1fr;margin:0 auto;max-width:420px}.home-trust-grid{gap:1.25rem}.home-promo-grid,.home-trust-grid{grid-template-columns:1fr}}@media (max-width:600px){.home-product-grid,.home-reviews-grid{grid-template-columns:1fr}.home-final-actions{align-items:stretch;flex-direction:column}.home-btn{width:100%}.home-hero-secondary-actions{align-items:stretch;flex-direction:column}}.about-page-usl{background:#050508;color:#e8e6e3;min-height:100vh}.about-container{margin:0 auto;max-width:1040px;padding:0 1.5rem}.about-hero-usl{align-items:center;display:flex;min-height:min(92vh,900px);overflow:hidden;padding:clamp(4rem,10vw,6rem) 1.5rem clamp(3rem,8vw,5rem);position:relative}.about-hero-bg{background:radial-gradient(ellipse 90% 55% at 70% 45%,#c9a22738,#0000 55%),radial-gradient(ellipse 50% 40% at 20% 80%,#c9a22714,#0000 50%),linear-gradient(180deg,#08080c,#030304);inset:0;pointer-events:none;position:absolute}.about-hero-bg:after{background-image:linear-gradient(135deg,#ffffff08,#0000 40%,#0000 60%,#c9a2270f);content:"";inset:0;position:absolute}.about-hero-inner{grid-gap:clamp(2rem,5vw,4rem);align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.about-hero-copy{max-width:560px}.about-hero-kicker{color:#c9a227;font-size:.75rem;font-weight:700;letter-spacing:.28em;margin:0 0 1.25rem;text-transform:uppercase}.about-hero-headline{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1.25rem}.about-hero-line1{color:#faf9f6;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.about-hero-line2{background:linear-gradient(105deg,#f5e6b8,#c9a227 45%,#a88620);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.65rem,3.8vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.about-hero-sub{color:#e8e6e3c7;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.65;margin:0 0 2rem;max-width:520px}.about-hero-ctas{display:flex;flex-wrap:wrap;gap:.85rem}.about-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.9rem 1.5rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.about-btn:active{transform:scale(.98)}.about-btn-primary{background:linear-gradient(135deg,#e8d49a,#c9a227 45%,#8a6a18);box-shadow:0 8px 28px #c9a22759;color:#0a0a0c}.about-btn-primary:hover{box-shadow:0 10px 36px #c9a22773;transform:translateY(-1px)}.about-btn-ghost{background:#ffffff0a;border-color:#c9a22773;color:#f0ebe4}.about-btn-ghost:hover{background:#c9a2271a;border-color:#c9a227a6;transform:translateY(-1px)}.about-bat-visual{align-items:center;display:flex;justify-content:center;min-height:280px;position:relative}.about-bat-glow{background:radial-gradient(circle,#c9a22773 0,#c9a22714 42%,#0000 70%);border-radius:50%;filter:blur(2px);height:min(420px,90vw);width:min(420px,90vw)}.about-bat-glow,.about-bat-glow-rim{pointer-events:none;position:absolute}.about-bat-glow-rim{background:radial-gradient(ellipse at 50% 35%,#f5e6b838 0,#c9a2271a 35%,#0000 65%);border-radius:48% 52% 50% 50%/42% 42% 58% 58%;filter:blur(1px);height:min(480px,95vh);width:min(340px,78vw)}.about-bat-svg{filter:drop-shadow(0 0 50px rgba(201,162,39,.42)) drop-shadow(0 16px 40px rgba(0,0,0,.65));height:auto;position:relative;transform:rotate(-4deg);width:min(300px,62vw)}.about-hero-image-col{order:2}.about-hero-image-col,.about-hero-img-wrapper{align-items:center;display:flex;justify-content:center}.about-hero-img-wrapper{position:relative}.about-hero-gold-glow{animation:goldPulse 3.5s ease-in-out infinite;background:radial-gradient(ellipse at 50% 55%,#ffd7508c 0,#c9a22759 30%,#c9a2271f 55%,#0000 75%);border-radius:50%;filter:blur(28px);inset:-30px;pointer-events:none;position:absolute;z-index:0}@keyframes goldPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.about-hero-img{border-radius:18px;filter:drop-shadow(0 0 40px rgba(201,162,39,.5)) drop-shadow(0 20px 50px rgba(0,0,0,.7));height:auto;object-fit:contain;position:relative;width:min(520px,95%);z-index:1}.about-why-usl{background:linear-gradient(180deg,#0a0a0f,#060608);border-top:1px solid #c9a22733;padding:clamp(3.5rem,8vw,5.5rem) 0 clamp(4rem,10vw,6rem)}.about-why-header{margin:0 auto 2.5rem;max-width:720px;text-align:center}.about-why-title{color:#faf9f6;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}.about-why-lead{color:#e8e6e3d1;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.55;margin:0}.about-why-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 auto;max-width:640px;padding:0}.about-why-item{align-items:flex-start;background:#ffffff08;border:1px solid #c9a2272e;border-radius:12px;color:#e8e6e3eb;display:flex;font-size:1rem;gap:1rem;line-height:1.5;padding:1.1rem 1.25rem;transition:border-color .2s ease,background .2s ease}.about-why-item:hover{background:#c9a2270f;border-color:#c9a22759}.about-why-dot{background:linear-gradient(135deg,#f5e6b8,#c9a227);border-radius:50%;box-shadow:0 0 12px #c9a22780;flex-shrink:0;height:10px;margin-top:.35rem;width:10px}.about-social-usl{background:linear-gradient(180deg,#060608,#0a0a10 50%,#050508);border-top:1px solid #c9a22738;padding:clamp(3.5rem,9vw,5.5rem) 0 clamp(4rem,10vw,6rem)}.about-social-header{margin:0 auto 2.25rem;max-width:560px;text-align:center}.about-social-title{color:#faf9f6;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.about-social-sub{color:#e8e6e3c7;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.55;margin:0}.about-social-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:720px}.about-social-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 40px #00000059;color:#e8e6e3;display:flex;gap:1rem;padding:1.25rem 1.2rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.about-social-card:hover{border-color:#c9a22759;box-shadow:0 18px 48px #00000073;transform:translateY(-3px)}.about-social-card--tiktok{background:linear-gradient(135deg,#fe2c551f,#00000059);border-left:4px solid #25f4ee}.about-social-card--tiktok:hover{background:linear-gradient(135deg,#fe2c552e,#0006)}.about-social-card--tiktok .about-social-card-icon{background:linear-gradient(145deg,#fe2c55,#25f4ee);color:#fff}.about-social-card--instagram{background:linear-gradient(135deg,#dd2a7b1a,#00000059);border-left:4px solid #dd2a7b}.about-social-card--instagram:hover{background:linear-gradient(135deg,#dd2a7b29,#0006)}.about-social-card--instagram .about-social-card-icon{background:linear-gradient(145deg,#f58529,#dd2a7b 45%,#8134af);color:#fff}.about-social-card--facebook{background:linear-gradient(135deg,#1877f21a,#00000059);border-left:4px solid #1877f2}.about-social-card--facebook:hover{background:linear-gradient(135deg,#1877f22e,#0006)}.about-social-card--facebook .about-social-card-icon{background:#1877f2;color:#fff}.about-social-card-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.about-social-icon-svg{height:26px;width:26px}.about-social-card-body{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0;text-align:left}.about-social-card-label{color:#e8e6e3a6;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.about-social-card-handle{color:#faf9f6;font-size:1.1rem;font-weight:700}.about-social-card-cta{color:#c9a227;font-size:.82rem;font-weight:600}.about-social-card-arrow{flex-shrink:0;font-size:1.2rem;opacity:.5;transition:transform .2s ease,opacity .2s ease}.about-social-card:hover .about-social-card-arrow{opacity:.95;transform:translateX(4px)}a.about-social-card{pointer-events:auto;-webkit-user-select:none;user-select:none}a.about-social-card *{pointer-events:none}@media (max-width:640px){.about-social-grid{grid-template-columns:1fr}}@media (max-width:900px){.about-hero-inner{grid-template-columns:1fr;text-align:center}.about-hero-copy{max-width:none}.about-hero-sub{margin-left:auto;margin-right:auto}.about-hero-ctas{justify-content:center}.about-bat-visual{min-height:220px;order:-1}.about-hero-image-col{order:-1}}@media (max-width:480px){.about-hero-ctas{align-items:stretch;flex-direction:column}.about-btn{text-align:center;width:100%}}.contact-page{background:var(--background-color);color:var(--text-color);min-height:100vh}.contact-hero{background:var(--gradient-background);padding:7rem 2rem 5rem;text-align:center}.contact-hero-content{margin:0 auto;max-width:700px}.contact-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 8px #0003}.contact-subtitle{color:#ffffffe0;font-size:1.2rem;line-height:1.6}.contact-options-section{display:flex;justify-content:center;padding:6rem 2rem}.contact-options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:800px;width:100%}.contact-option-card{align-items:center;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:1.2rem;padding:3rem 2.5rem;text-align:center;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.contact-option-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.whatsapp-icon{background:#e8faf0;color:#25d366}.email-icon{background:#e8f4ff;color:#007acc}.contact-option-body h3{color:var(--text-color);font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.contact-option-detail{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.3rem}.contact-option-desc{color:var(--text-secondary);font-size:.9rem}.contact-option-cta{font-size:.95rem;font-weight:600;margin-top:.5rem}.whatsapp-card .contact-option-cta{color:#25d366}.email-card .contact-option-cta{color:#007acc}.whatsapp-card:hover{border-color:#25d366}.email-card:hover{border-color:#007acc}@media (max-width:480px){.contact-options-grid{grid-template-columns:1fr}.contact-hero{padding:5rem 1.5rem 4rem}}.product-catalog{background:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;padding:clamp(1.5rem,4vw,2.75rem) clamp(1rem,4vw,2rem) clamp(3rem,6vw,4rem);position:relative}.product-catalog:before{background:radial-gradient(ellipse 90% 70% at 50% -20%,color-mix(in srgb,var(--primary-color) 14%,#0000),#0000 65%),radial-gradient(ellipse 60% 50% at 100% 0,color-mix(in srgb,var(--secondary-color) 10%,#0000),#0000 55%);content:"";height:min(420px,55vh);inset:0 0 auto 0;pointer-events:none;position:absolute;z-index:0}.product-catalog>*{position:relative;z-index:1}.product-catalog .catalog-loading{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;min-height:50vh}.product-catalog .catalog-loading-spinner{animation:catalog-spin .75s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes catalog-spin{to{transform:rotate(1turn)}}.product-catalog .catalog-loading-text{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0}.product-catalog .catalog-hero{margin:0 auto 2rem;max-width:42rem;text-align:center}.product-catalog .catalog-eyebrow{color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:.2em;margin:0 0 .65rem;text-transform:uppercase}.product-catalog .catalog-title{color:var(--text-color);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0 0 .75rem}.product-catalog .catalog-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.product-catalog .catalog-type-section{margin:0 auto 2.5rem;max-width:880px}.product-catalog .catalog-type-section-head{margin-bottom:1.35rem;text-align:center}.product-catalog .catalog-type-heading{color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.14em;margin:0 0 .4rem;text-transform:uppercase}.product-catalog .catalog-type-lead{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.product-catalog .catalog-type-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.product-catalog .type-option-card{grid-gap:1rem 1.1rem;align-items:start;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 24px var(--shadow);color:inherit;cursor:pointer;display:grid;font:inherit;gap:1rem 1.1rem;grid-template-columns:minmax(0,72px) minmax(0,1fr) auto;overflow:hidden;padding:1.35rem 1.25rem 1.35rem 1.35rem;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .28s ease,transform .22s ease}.product-catalog .type-option-card:hover{border-color:color-mix(in srgb,var(--primary-color) 32%,var(--border-color));box-shadow:0 12px 40px var(--shadow);transform:translateY(-4px)}.product-catalog .type-option-card:focus{outline:none}.product-catalog .type-option-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.product-catalog .type-option-card-glow{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 12%,#0000),#0000 45%,color-mix(in srgb,var(--secondary-color) 8%,#0000));inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.product-catalog .type-option-card--active .type-option-card-glow,.product-catalog .type-option-card:hover .type-option-card-glow{opacity:1}.product-catalog .type-option-card--active{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:0 8px 36px color-mix(in srgb,var(--primary-color) 22%,var(--shadow)),0 0 0 1px color-mix(in srgb,var(--primary-color) 35%,#0000)}.product-catalog .type-option-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:18px;color:var(--primary-color);display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.product-catalog .type-option-card--active .type-option-icon{background:color-mix(in srgb,var(--primary-color) 18%,var(--surface-color));border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.product-catalog .type-option-icon-svg{height:40px;width:40px}.product-catalog .type-option-body{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding-top:.15rem}.product-catalog .type-option-title{color:var(--text-color);font-size:1.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.product-catalog .type-option-tagline{color:var(--primary-color);font-size:.82rem;font-weight:600;letter-spacing:.02em}.product-catalog .type-option-blurb{color:var(--text-secondary);font-size:.84rem;line-height:1.5;margin-top:.15rem}.product-catalog .type-option-check{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:flex;height:32px;justify-content:center;opacity:.85;position:absolute;right:.85rem;top:.85rem;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;width:32px}.product-catalog .type-option-check--on{background:color-mix(in srgb,var(--primary-color) 12%,var(--surface-color));border-color:var(--primary-color);color:var(--primary-color);opacity:1}.product-catalog .catalog-categories-bar{margin:0 auto 1.35rem;max-width:1200px;padding:0 .15rem}.product-catalog .catalog-categories-title{color:var(--text-color);font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .35rem}.product-catalog .catalog-categories-caption{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.product-catalog .catalog-categories-caption strong{color:var(--text-color);font-weight:700}.product-catalog .categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;max-width:1200px}.product-catalog .category-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px var(--shadow);overflow:hidden;padding:1rem 1.1rem;transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}.product-catalog .category-card:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color));box-shadow:0 12px 36px var(--shadow);transform:translateY(-4px)}.product-catalog .category-card-hit{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0;padding:1rem 1.1rem;position:relative;text-align:left;width:100%}.product-catalog .category-card-hit:focus{outline:none}.product-catalog .category-card-hit:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.product-catalog .category-card-hit:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;opacity:.85;position:absolute;right:0;top:0}.product-catalog .category-icon-wrap{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,var(--surface-color));border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:14px;color:var(--primary-color);display:flex;height:52px;justify-content:center;margin-bottom:1.1rem;width:52px}.product-catalog .category-svg{height:28px;width:28px}.product-catalog .category-name{color:var(--text-color);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.product-catalog .category-meta{color:var(--text-secondary);font-size:.88rem;font-weight:500;margin:0 0 1rem}.product-catalog .category-action{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.82rem;font-weight:600;gap:.35rem}.product-catalog .category-card:hover .category-action{gap:.5rem}.product-catalog .catalog-toolbar{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:0 auto 1.75rem;max-width:1200px;padding-bottom:1.25rem}.product-catalog .catalog-back{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.product-catalog .catalog-back:hover{border-color:var(--primary-color);color:var(--primary-color)}.product-catalog .catalog-toolbar-text{flex:1 1;min-width:200px}.product-catalog .catalog-toolbar-title{color:var(--text-color);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .2rem}.product-catalog .catalog-toolbar-count{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.product-catalog .products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.product-catalog .product-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 18px var(--shadow);cursor:default;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:box-shadow .25s ease,border-color .2s ease,transform .2s ease}.product-catalog .product-card:hover{border-color:color-mix(in srgb,var(--primary-color) 25%,var(--border-color));box-shadow:0 14px 40px var(--shadow);transform:translateY(-3px)}.product-catalog .product-card-media{aspect-ratio:4/5;background:color-mix(in srgb,var(--border-color) 35%,var(--surface-color));overflow:hidden;position:relative}.product-catalog .product-card-media img{height:100%;object-fit:contain;transition:transform .45s ease;width:100%}.product-catalog .product-card:hover .product-card-media img{transform:none}.product-catalog .product-card-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;height:100%;justify-content:center;width:100%}.product-catalog .product-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;color:#fff;font-size:.68rem;font-weight:700;left:.65rem;letter-spacing:.04em;padding:.28rem .65rem;position:absolute;text-transform:uppercase;top:.65rem}[data-theme=light] .product-catalog .product-card-badge{background:#ffffffeb;border:1px solid var(--border-color);color:var(--text-color)}[data-theme=dark] .product-catalog .product-card-badge{background:#1a1a1ae0;border:1px solid var(--border-color);color:#fff}.product-catalog .product-card-audience{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--secondary-color) 85%,#000000a6);border:1px solid color-mix(in srgb,var(--secondary-color) 40%,#0000);border-radius:999px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.03em;line-height:1.2;max-width:calc(100% - 5rem);padding:.28rem .55rem;position:absolute;right:.65rem;text-align:right;text-transform:none;top:.65rem}[data-theme=light] .product-catalog .product-card-audience{background:color-mix(in srgb,var(--primary-color) 88%,var(--surface-color));border:1px solid var(--border-color);color:var(--text-color)}.product-catalog .catalog-audience-bar{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px var(--shadow);margin:0 auto 1.5rem;max-width:1200px;padding:1rem 1.1rem}.product-catalog .catalog-audience-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-bottom:.65rem;text-transform:uppercase}.product-catalog .catalog-audience-pills{display:flex;flex-wrap:wrap;gap:.5rem}.product-catalog .catalog-audience-pill{background:var(--background-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:700;padding:.45rem 1.1rem;transition:border-color .2s ease,background .2s ease,color .2s ease}.product-catalog .catalog-audience-pill:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.product-catalog .catalog-audience-pill--active{background:color-mix(in srgb,var(--primary-color) 14%,var(--surface-color));border-color:var(--primary-color);color:var(--primary-color)}.product-catalog .catalog-audience-hint{color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:.75rem 0 0}.product-catalog .product-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.15rem 1.2rem 1.2rem}.product-catalog .product-card-title{color:var(--text-color);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .45rem}.product-catalog .product-card-desc{color:var(--text-secondary);flex:1 1;font-size:.86rem;line-height:1.55;margin:0 0 .5rem}.product-catalog .product-card-desc--clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-catalog .product-card-desc-wrap{flex:1 1;margin-bottom:.75rem}.product-catalog .product-card-desc-toggle{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.product-catalog .product-card-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto;padding-top:.25rem}.product-catalog .product-card-price{color:var(--primary-color);font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.product-catalog .product-card-cta{background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--secondary-color) 85%,var(--primary-color)));border:none;border-radius:999px;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 35%,#0000);color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:700;padding:.55rem 1.15rem;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.product-catalog .product-card-cta:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 45%,#0000);filter:brightness(1.05);transform:translateY(-1px)}.product-catalog .product-card-cta:active{transform:translateY(0)}.product-catalog .catalog-empty{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:0 auto;max-width:28rem;padding:3rem 1.5rem;text-align:center}.product-catalog .catalog-empty-rich{background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-color));border:1px dashed color-mix(in srgb,var(--primary-color) 28%,var(--border-color));border-radius:24px;color:var(--text-secondary);max-width:26rem;padding:2.5rem 1.5rem 3rem}.product-catalog .catalog-empty-visual{color:var(--text-secondary);height:100px;margin:0 auto 1.25rem;width:100px}.product-catalog .catalog-empty-svg{display:block;height:100%;width:100%}.product-catalog .catalog-empty-blob{fill:color-mix(in srgb,var(--primary-color) 16%,#0000)}.product-catalog .catalog-empty-title{color:var(--text-color);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .65rem}.product-catalog .catalog-empty-text{font-size:.92rem;line-height:1.6;margin:0 0 1rem}.product-catalog .catalog-empty-hint{font-size:.82rem;font-style:italic;line-height:1.5;margin:0;opacity:.9}.product-catalog .catalog-empty-inline{max-width:none}.product-catalog .catalog-empty-link{background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;text-decoration:underline;text-underline-offset:3px}@supports not (color:color-mix(in srgb,red,blue)){.product-catalog .category-card:hover{border-color:var(--primary-color)}.product-catalog .product-card:hover{border-color:var(--border-color)}.product-catalog .product-card-cta{background:var(--primary-color);box-shadow:0 4px 14px #0000001f}.product-catalog .catalog-empty-blob{fill:#80808026}.product-catalog .type-option-card--active{border-color:var(--primary-color);box-shadow:0 8px 28px #0000001f}.product-catalog .product-card-audience{background:#667eeae6;color:#fff}}@media (max-width:720px){.product-catalog .catalog-type-grid{grid-template-columns:1fr}.product-catalog .type-option-card{grid-template-columns:64px 1fr auto;padding:1.15rem 1rem 1.15rem 1.15rem}.product-catalog .type-option-icon{height:64px;width:64px}.product-catalog .type-option-icon-svg{height:34px;width:34px}}@media (max-width:640px){.product-catalog .catalog-toolbar{align-items:stretch;flex-direction:column}.product-catalog .catalog-back{align-self:flex-start}.product-catalog .products-grid{grid-template-columns:1fr}.product-catalog .product-card-footer{flex-wrap:wrap}.product-catalog .product-card-cta{padding:.65rem 1rem;text-align:center;width:100%}}.product-slider{height:100%;overflow:hidden;position:relative;width:100%}.product-slider img{display:block;height:100%;object-fit:contain;width:100%}.slider-arrow{align-items:center;background:#00000073;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:28px;z-index:5}.slider-arrow:hover{background:#000000b3}.slider-arrow--prev{left:6px}.slider-arrow--next{right:6px}.slider-dots{bottom:6px;display:flex;gap:5px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.slider-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:background .2s;width:7px}.slider-dot.active{background:#fff}.extra-images-row{gap:8px;margin-top:8px}.extra-image-thumb{border:1px solid #ddd;height:70px;overflow:hidden;width:70px}.order-placement{background:#f5f7fa;min-height:100vh;padding:20px}.order-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto 30px;max-width:1400px}.order-header h2{color:#1a1a1a;font-size:clamp(20px,5vw,28px);margin:0}.order-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px}@media (max-width:1024px){.order-content{grid-template-columns:1fr}}.order-form-card,.order-summary-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:clamp(16px,4vw,30px)}.order-form-card h3,.order-summary-card h3{color:#1a1a1a;font-size:22px;margin:0 0 20px}.product-preview{border-bottom:2px solid #f0f0f0;display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px}.product-preview img{border-radius:8px;height:80px;object-fit:cover;width:80px}.product-preview h4{color:#1a1a1a;font-size:16px;margin:0 0 8px}.product-preview .price{color:#667eea;font-size:18px;font-weight:700;margin:0}.customization-details{margin-bottom:20px}.customization-details h4{color:#666;font-size:16px;margin:0 0 15px}.detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.detail-item span{color:#666;font-size:14px}.detail-item strong{color:#1a1a1a;font-size:14px}.color-box{border:2px solid #ddd;border-radius:6px;height:30px;width:30px}.logo-preview{border:1px solid #ddd;border-radius:4px;height:30px;object-fit:contain;padding:4px;width:60px}.price-breakdown{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.price-item{color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.price-item.total{border-top:2px solid #667eea;color:#1a1a1a;font-size:20px;font-weight:700;margin-top:10px;padding-top:15px}.form-group textarea{min-height:100px;resize:vertical}.order-size-hint{color:#666;font-size:13px;line-height:1.4;margin:8px 0 0}.form-row{grid-gap:15px;gap:15px}.submit-order-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.submit-order-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-order-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.order-success{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-direction:column;min-height:100vh;padding:40px;text-align:center}.order-success,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{animation:scaleIn .5s ease;background:#fff;border-radius:50%;color:#4caf50;font-size:60px;height:100px;margin-bottom:30px;width:100px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.order-success h2{font-size:36px;margin:0 0 15px}.order-success p{font-size:18px;margin:10px 0;opacity:.9}.size-option{display:flex;gap:20px;margin-top:10px}.radio-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:15px;gap:8px}.radio-label input[type=radio]{cursor:pointer;width:auto}.custom-size-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.custom-size-section h4{color:#667eea;font-size:16px;font-weight:600;margin:0 0 15px}@media (max-width:480px){.order-placement{padding:12px}.order-success{padding:24px 16px}.order-success h2{font-size:24px}.order-success p{font-size:15px}.success-icon{font-size:42px;height:72px;width:72px}.size-option{flex-wrap:wrap;gap:12px}.submit-order-button{font-size:16px;padding:14px}}.product-management{padding:20px}.pm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.pm-header h2{color:#1a1a1a;font-size:28px;margin:0}.add-product-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-product-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.product-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px}.product-form-card h3{color:#1a1a1a;font-size:22px;margin:0 0 25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.image-preview img{max-height:300px;max-width:300px}.image-upload-container{align-items:center;display:flex;gap:15px;margin-top:10px}.file-input-hidden{display:none}.upload-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.upload-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.file-name{color:#666;font-size:14px;font-style:italic}.remove-image-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .3s ease}.remove-image-btn:hover{background:#d32f2f;transform:translateY(-1px)}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.product-images--single{align-items:center;background:#f5f7fa;display:flex;justify-content:center;min-height:180px;overflow:hidden}.product-images--single .product-thumb-img{display:block;height:180px;object-fit:cover;width:100%}.product-images--single .no-image{align-items:center;display:flex;justify-content:center;min-height:180px;width:100%}.no-image{color:#999;font-size:12px;text-align:center}.image-row{margin-top:10px}.image-row .form-group{margin-bottom:0}.image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#999;margin-top:15px;padding:30px 15px;text-align:center}.image-placeholder span{display:block;font-size:32px;margin-bottom:8px}.image-placeholder p{font-size:14px;margin:0}.image-placeholder small{color:#bbb;font-size:11px}.image-preview{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px;position:relative;text-align:center}.image-preview .image-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:8px;letter-spacing:1px;padding:4px 10px;position:absolute;top:8px}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%;object-fit:contain}.image-preview .remove-image-btn{align-items:center;border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;margin:0;padding:0;position:absolute;right:8px;top:8px;width:28px}.product-info{padding:20px}.product-info h4{color:#1a1a1a;font-size:18px;margin:0 0 8px}.product-info .category{background:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:10px;padding:4px 12px}.product-info .price{color:#667eea;font-size:24px;font-weight:700;margin:10px 0}.product-info .stock{color:#666;font-size:14px;margin:5px 0}.product-info .description{color:#666;font-size:14px;line-height:1.5;margin:10px 0 0}.product-actions{display:flex;gap:10px;padding:0 20px 20px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f}.masks-section{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-top:30px;padding:20px}.masks-title{color:#495057;font-size:16px;margin:0 0 10px}.masks-hint{color:#6c757d;font-size:13px;line-height:1.5;margin:0 0 20px}.upload-button.secondary{background:#6c757d}.upload-button.secondary:hover{background:#5a6268}.image-preview.small{max-width:150px}.image-preview.small img{max-height:100px}.color-presets-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin-top:30px;padding:25px}.color-presets-section h4{color:#1a1a1a;font-size:18px;margin:0 0 8px}.section-hint{color:#6c757d;font-size:13px;margin:0 0 20px}.current-presets{margin-bottom:20px}.current-presets label{color:#495057;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.presets-list{display:flex;flex-wrap:wrap;gap:10px}.preset-chip{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:25px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:13px;gap:8px;padding:8px 12px}.preset-chip .preset-colors{display:flex;gap:3px}.preset-chip .preset-colors span{border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;width:18px}.preset-chip .preset-name{color:#333;font-weight:500}.remove-preset-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.remove-preset-btn:hover{background:#d32f2f;transform:scale(1.1)}.add-preset-form{background:#fff;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:15px}.add-preset-form label{color:#495057;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.preset-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.preset-name-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;min-width:150px;padding:10px 14px}.preset-name-input:focus{border-color:#667eea;outline:none}.color-input{display:flex;flex-direction:column;gap:4px}.color-input label{color:#6c757d;font-size:11px;margin:0}.color-input input[type=color]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:36px;padding:2px;width:50px}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.add-preset-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-preset-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.default-presets{margin-top:15px}.default-presets label{color:#495057;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.default-presets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.default-preset-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:10px 12px;position:relative;transition:all .2s ease}.default-preset-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;transform:translateY(-2px)}.default-preset-btn:disabled{cursor:not-allowed;opacity:.7}.default-preset-btn.added{background:#e8f5e9;border-color:#4caf50}.default-preset-btn .preset-colors{display:flex;gap:3px}.default-preset-btn .preset-colors span{border-radius:4px;box-shadow:0 1px 3px #0003;height:16px;width:16px}.added-badge{color:#4caf50;font-weight:700;margin-left:auto}.product-color-presets{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.presets-label{color:#666;font-size:12px}.mini-preset{display:flex;gap:2px}.mini-preset span{border-radius:3px;box-shadow:0 1px 2px #0003;height:14px;width:14px}.more-presets{background:#f0f0f0;border-radius:10px;color:#666;font-size:11px;padding:2px 6px}.pm-size-block{margin-bottom:24px}.pm-size-help{color:#666;font-size:13px;line-height:1.45;margin:0 0 12px}.pm-size-grid{display:flex;flex-wrap:wrap;gap:8px}.pm-size-grid--shoes{background:#fafbfc;border:1px solid #e8e8e8;border-radius:10px;max-height:220px;overflow-y:auto;padding:12px}.pm-size-chip{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:border-color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.pm-size-chip:hover{border-color:#667eea}.pm-size-chip input{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.pm-size-chip:has(input:checked){background:#667eea14;border-color:#667eea}.sizes-line{color:#555;font-size:12px;font-weight:500;margin:6px 0 0}.pm-audience-hint{color:#666;font-size:12px;line-height:1.45;margin:8px 0 0}.extra-images-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.extra-image-thumb{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;height:80px;overflow:visible;position:relative;width:80px}.extra-image-thumb img{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.extra-image-thumb .remove-image-btn{margin:0;padding:0;top:-8px}.extra-image-thumb .remove-image-btn,.replace-image-btn{align-items:center;border-radius:50%;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:-8px;width:22px;z-index:2}.replace-image-btn{background:#2196f3;bottom:-8px;color:#fff;cursor:pointer;transition:background .2s ease}.replace-image-btn:hover{background:#1565c0}.kit-page{background:#0a0a0f;color:#e8e8ef;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;inset:0;position:fixed;z-index:1000}.kit-topbar{background:#12121a;border-bottom:1px solid #2a2a3a;flex-shrink:0;gap:1rem;justify-content:space-between;min-height:52px;padding:.65rem 1rem}.kit-topbar,.kit-topbar-left{align-items:center;display:flex}.kit-topbar-left{gap:.75rem}.kit-hamburger{background:#1e1e2e;border:1px solid #2a2a3a;border-radius:8px;cursor:pointer;display:none;height:40px;position:relative;width:40px}.kit-hamburger:before{background:#e8e8ef;box-shadow:0 6px 0 #e8e8ef,0 12px 0 #e8e8ef;content:"";height:2px;left:10px;position:absolute;right:10px;top:12px}.kit-logo{color:#fff;font-size:.95rem;font-weight:900;letter-spacing:.12em}.kit-topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.kit-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:.45rem .9rem;transition:background .2s,border-color .2s,transform .15s}.kit-btn:hover{transform:translateY(-1px)}.kit-btn-ghost{background:#1e1e2e;border-color:#2a2a3a;color:#e8e8ef}.kit-btn-ghost:hover,.kit-btn-primary{border-color:#e63946;color:#fff}.kit-btn-primary{background:#e63946}.kit-btn-primary:hover{background:#ff4d5c}.kit-btn.full{margin-top:.5rem;width:100%}.kit-layout{display:flex;flex:1 1;min-height:0;position:relative}.kit-sidebar-backdrop{background:#0000008c;border:none;cursor:pointer;display:none;inset:0;position:fixed;z-index:1001}.kit-sidebar{background:#12121a;border-right:1px solid #2a2a3a;flex-shrink:0;overflow:hidden;transition:transform .28s ease;width:min(100%,520px);z-index:1002}.kit-sidebar,.kit-sidebar-inner{display:flex;flex-direction:column}.kit-sidebar-inner{flex:1 1;gap:.65rem;min-height:0;overflow-y:auto;padding:.85rem .75rem 1rem}.kit-sidebar-intro{margin-bottom:.15rem;padding:.15rem .15rem .35rem}.kit-sidebar-intro__title{color:#94a3b8;font-size:.72rem;font-weight:800;letter-spacing:.14em;margin:0;text-transform:uppercase}.kit-sidebar-intro__desc{color:#64748b;font-size:.78rem;font-weight:500;line-height:1.45;margin:.35rem 0 0}.kit-nav-row{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:.5rem;width:100%}.kit-nav-row .kit-nav-card{min-width:0}.kit-nav-row .kit-nav-card__trigger{align-items:center;flex-direction:column;gap:.3rem;justify-content:flex-start;min-height:7.25rem;padding:.55rem .25rem .45rem;text-align:center}.kit-nav-row .kit-nav-card__icon-wrap{height:36px;width:36px}.kit-nav-row .kit-nav-card__label{align-items:center;flex:1 1;justify-content:center}.kit-nav-row .kit-nav-card__title{font-size:.68rem;line-height:1.2}.kit-nav-row .kit-nav-card__subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.54rem;line-height:1.25;max-width:100%;overflow:hidden}.kit-nav-row .kit-nav-card__chevron{display:none}.kit-nav-panels{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (max-width:520px){.kit-nav-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-nav-row .kit-nav-card__trigger{min-height:6.5rem}}.kit-back{align-self:flex-start;background:#0000;border:1px solid #2a2a3a;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.85rem;margin-bottom:.25rem;padding:.35rem .75rem}.kit-back:hover{border-color:#e63946;color:#fff}.kit-sidebar-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.kit-sidebar-close{background:#0000;border:1px solid #2a2a3a;border-radius:8px;color:#94a3b8;cursor:pointer;display:none;font-size:.9rem;line-height:1;padding:.35rem .65rem}.kit-sidebar-close:hover{border-color:#e63946;color:#fff}.kit-nav-card{background:linear-gradient(165deg,#1e1e2e,#18182a);border:1px solid #2a2a3af2;border-radius:12px;box-shadow:0 2px 8px #00000059;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease}.kit-nav-card:hover{border-color:#64748b73}.kit-nav-card--open{border-color:#e639468c;box-shadow:0 0 0 1px #e639461f,0 6px 20px #0006}.kit-nav-card__trigger{align-items:center;background:#0000;border:none;color:#f1f5f9;cursor:pointer;display:flex;font-family:inherit;gap:.65rem;padding:.7rem .65rem .7rem .6rem;text-align:left;transition:background .2s ease;width:100%}.kit-nav-card__trigger:hover{background:#ffffff0a}.kit-nav-card__trigger:focus-visible{outline:2px solid #e63946;outline-offset:2px}.kit-nav-card__icon-wrap{align-items:center;background:linear-gradient(145deg,#e639462e,#1e1e2ee6);border:1px solid #e6394640;border-radius:10px;color:#fda4af;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.kit-nav-card--open .kit-nav-card__icon-wrap{background:linear-gradient(145deg,#e6394659,#1e1e2ef2);border-color:#e6394673;color:#fff}.kit-nav-card__label{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.kit-nav-card__title{color:#f8fafc;font-size:.88rem;font-weight:700;letter-spacing:.02em;line-height:1.25}.kit-nav-card__subtitle{color:#94a3b8;font-size:.68rem;font-weight:500;line-height:1.35}.kit-nav-card__chevron{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;justify-content:center;transition:transform .28s cubic-bezier(.4,0,.2,1),color .2s}.kit-nav-card__chevron--open{color:#e63946;transform:rotate(180deg)}.kit-nav-card__panel{animation:kitPanelIn .22s ease;background:#0a0a0f59;border-top:1px solid #2a2a3ad9;display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem .9rem}@keyframes kitPanelIn{0%{opacity:.85}to{opacity:1}}.kit-color-row{display:flex;flex-direction:column;gap:.35rem}.kit-zone-label{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kit-swatch{border:2px solid #2a2a3a;border-radius:8px;cursor:pointer;height:36px;transition:border-color .2s,box-shadow .2s;width:100%}.kit-swatch:hover{border-color:#e63946;box-shadow:0 0 0 2px #e6394640}.kit-picker-pop{margin-top:.25rem}.kit-input,.kit-select{background:#0a0a0f;border:1px solid #2a2a3a;border-radius:8px;box-sizing:border-box;color:#e8e8ef;font-family:inherit;font-size:.88rem;padding:.5rem .65rem;width:100%}.kit-input:focus,.kit-select:focus{border-color:#e63946;outline:none}.kit-mini-label{color:#94a3b8;font-size:.68rem;font-weight:600;margin-top:.15rem}.kit-field-hint{color:#64748b;font-size:.68rem;font-weight:500;line-height:1.4;margin:.15rem 0 .35rem}.kit-range{accent-color:#e63946;cursor:pointer;width:100%}.kit-checkbox-row{align-items:center;cursor:pointer;display:flex;gap:.5rem}.kit-options-section{border-top:1px solid #2a2a3ad9;display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem}.kit-pos-btns{display:flex;flex-direction:column;gap:.35rem}.kit-pos-btns--wrap{flex-direction:row;flex-wrap:wrap}.kit-pos-btn{background:#0a0a0f;border:1px solid #2a2a3a;border-radius:8px;color:#cbd5e1;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:.4rem .6rem;transition:border-color .2s,background .2s}.kit-pos-btn.active,.kit-pos-btn:hover{border-color:#e63946}.kit-pos-btn.active{background:#e6394626;color:#fff}.kit-preset-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.kit-preset-card{align-items:stretch;background:#0a0a0f;border:2px solid #2a2a3a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.4rem;padding:.5rem;transition:border-color .2s,transform .15s}.kit-preset-card:hover{border-color:#64748b;transform:translateY(-2px)}.kit-preset-card.active{border-color:#e63946;box-shadow:0 0 0 1px #e6394666}.kit-preset-preview{border-radius:6px;display:flex;height:28px;overflow:hidden}.kit-preset-preview span{flex:1 1}.kit-preset-name{color:#e8e8ef;font-size:.68rem;font-weight:700;text-align:left}.kit-preview-strip{grid-gap:.35rem .5rem;align-items:center;background:linear-gradient(180deg,#0f0f16,#0a0a0f);border:1px solid #2a2a3ae6;border-radius:12px;color:#64748b;display:grid;font-size:.62rem;font-weight:800;gap:.35rem .5rem;grid-template-columns:auto 1fr auto 1fr;letter-spacing:.06em;margin-top:auto;padding:.7rem .65rem;text-transform:uppercase}.kit-preview-strip div{border:1px solid #2a2a3a;border-radius:4px;height:22px}.kit-canvas-wrap{flex:1 1;min-height:0;min-width:0;overflow:hidden}.kit-canvas-inner,.kit-canvas-wrap{position:relative;touch-action:none}.kit-canvas-inner{height:100%;width:100%}.kit-canvas-wrap canvas{display:block;height:100%!important;touch-action:none;width:100%!important}.kit-toast{animation:kitToastIn .25s ease;border-radius:10px;bottom:1.25rem;box-shadow:0 8px 32px #00000073;font-size:.85rem;font-weight:600;left:50%;padding:.65rem 1.25rem;position:fixed;transform:translateX(-50%);z-index:2000}.kit-toast--ok{background:#14532d;border:1px solid #22c55e;color:#bbf7d0}.kit-toast--err{background:#450a0a;border:1px solid #ef4444;color:#fecaca}@keyframes kitToastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:900px){.kit-hamburger,.kit-sidebar-close{display:block}.kit-sidebar{bottom:0;box-shadow:8px 0 32px #0000008c;left:0;position:fixed;top:52px;transform:translateX(-100%);transition:transform .28s ease;z-index:1002}.kit-layout--sidebar-open .kit-sidebar{transform:translateX(0)}.kit-sidebar-backdrop{display:none;z-index:1001}.kit-layout--sidebar-open .kit-sidebar-backdrop{display:block}.kit-topbar-actions .kit-btn{font-size:.72rem;padding:.35rem .55rem}}
/*# sourceMappingURL=main.9b2d84cf.css.map*/