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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#111827;--bg-sidebar:#1f2937;--bg-card:#374151;--bg-input:#4b5563;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#4b5563;--danger-color:#ef4444}body{background-color:#111827;background-color:var(--bg-main);color:#f9fafb;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;margin:0}.admin-container{align-items:start;display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background-color:#1f2937;background-color:var(--bg-sidebar);border-right:1px solid #4b5563;border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:100vh;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:0}.sidebar::-webkit-scrollbar{display:none}.sidebar-title{color:#9ca3af;color:var(--text-secondary);font-size:14px;margin-bottom:20px;text-transform:uppercase}.nav-link{background-color:#374151;background-color:var(--bg-card);border-radius:8px;color:#f9fafb;color:var(--text-primary);display:block;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#4b5563;background-color:var(--bg-input)}.nav-link.active{background-color:#3b82f6;background-color:var(--accent-color);color:#fff}.logout-btn{background-color:initial;border:1px solid #4b5563;border:1px solid var(--border-color);margin-top:auto}.main-content{padding:30px}.card{background-color:#374151;background-color:var(--bg-card);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.card-header{align-items:center;border-bottom:1px solid #4b5563;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.admin-table{border-collapse:collapse;margin-top:15px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #4b5563;border-bottom:1px solid var(--border-color);padding:12px;text-align:center}.admin-table th{color:#9ca3af;color:var(--text-secondary);font-size:14px;font-weight:600}.admin-input{border:1px solid #4b5563;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;padding:10px;width:100%}.admin-btn,.admin-input{background-color:#4b5563;background-color:var(--bg-input);color:#fff}.admin-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 16px;transition:.2s}.admin-btn:hover{background-color:#4b5563;background-color:var(--border-color)}.btn-primary{background-color:#3b82f6;background-color:var(--accent-color)}.btn-primary:hover{background-color:#2563eb;background-color:var(--accent-hover)}.dashboard-container{color:#c5cfcf;display:flex;flex-direction:column;gap:20px}.dashboard-card{background-color:#242424;border-radius:8px;overflow:hidden}.dashboard-card-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px}.dashboard-card-header h3{color:#fff;font-size:16px;margin:0}.link-ver-mas{color:#3e77e8;font-size:14px;text-decoration:none;transition:color .3s}.link-ver-mas:hover{color:#5c8df0}.dashboard-chart-placeholder{padding:40px 20px;text-align:center}.fake-chart{align-items:flex-end;display:flex;gap:15px;height:150px;justify-content:center;margin-bottom:20px}.bar{background-color:#3e77e8;border-radius:4px 4px 0 0;opacity:.8;width:40px}.bar-1{height:40%}.bar-2{height:70%}.bar-3{height:50%}.bar-4{height:90%}.bar-5{height:60%}.stock-slider-container{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding:20px;scroll-behavior:smooth;scrollbar-width:none}.stock-slider-container::-webkit-scrollbar{display:none}.stock-alert-card{background-color:#1c1c1c;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;min-width:200px}.stock-alert-header{border-radius:8px 8px 0 0;font-size:12px;font-weight:700;padding:8px;text-align:center}.stock-alert-card.agotado .stock-alert-header{background-color:#ff4c4c33;border-bottom:1px solid #ff4c4c;color:#ff4c4c}.stock-alert-card.bajo .stock-alert-header{background-color:#ffea001a;border-bottom:1px solid #ffea00;color:#ffea00}.stock-alert-body{padding:15px;text-align:center}.stock-alert-body h4{color:#fff;font-size:14px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-alert-body p{color:#888;font-size:12px;margin:0 0 10px}.stock-number{color:#c5cfcf;font-size:18px;font-weight:700}.recent-orders-container{padding:20px}.recent-orders-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.recent-order-card{background-color:#1c1c1c;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.recent-order-card:hover{border-color:#444;box-shadow:0 6px 15px #0000004d;transform:translateY(-3px)}.order-card-top{align-items:center;border-bottom:1px dashed #333;display:flex;justify-content:space-between;padding-bottom:8px}.order-id{color:#3e77e8;font-size:14px;font-weight:700}.order-date{color:#888;font-size:12px}.order-card-mid h4{color:#fff;font-size:15px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-mid p{color:#a0a0a0;font-size:13px;margin:0}.order-card-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.order-price{color:#c5cfcf;font-size:16px;font-weight:700}.status-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.status-badge.pendiente{background-color:#ffea001a;color:#ffea00}.status-badge.preparacion{background-color:#3e77e81a;color:#3e77e8}.status-badge.enviado{background-color:#00e6761a;color:#00e676}.status-badge.entregado{background-color:#00e67633;border:1px solid #00e676;color:#00e676}.filtros-row-compactos{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:1rem 0}.filtro-boton{align-items:center;background-color:#1c1c1c;background-color:var(--bg-card,#1c1c1c);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.filtro-boton:hover{border-color:#555;color:#fff}.filtro-boton.activo{border-color:#4a90e2;color:#4a90e2;font-weight:700}.icon-orden{transition:transform .3s ease}.icon-orden.rotado{transform:rotate(180deg)}.producto-titulo-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.producto-id{background-color:#ffffff0d;border-radius:4px;color:#666;font-family:monospace;font-size:12px;padding:4px 8px}.producto-detalles-grid{grid-gap:10px;background-color:#0003;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:10px}.detalle-item{display:flex;flex-direction:column;gap:4px}.detalle-label{color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.detalle-valor{color:#fff;font-size:14px;font-weight:500}.badge-estado{border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.badge-estado.publico{background:#4a90e21a;color:#4a90e2}.badge-estado.privado{background:#f5a6231a;color:#f5a623}.badge-estado.borrado{background:#d0021b1a;color:#d0021b}.img-placeholder{align-items:center;background-color:#2c2c2c;border-radius:8px;color:#555;display:flex;font-size:12px;height:100%;justify-content:center;min-height:150px;width:100%}.lista-productos{display:flex;flex-direction:column;gap:15px}.tarjeta-producto{align-items:center;background-color:#eaeaea;border:1px solid #d4d4d4;border-radius:6px;display:flex;flex-direction:row;gap:20px;padding:15px}.tarjeta-img-box{align-items:center;background-color:#fff;border-radius:.5rem;box-sizing:border-box;display:flex;flex-shrink:0;height:140px;justify-content:center;padding:8px;width:140px}.tarjeta-img-box img{max-height:100%;max-width:100%;object-fit:contain}.tarjeta-info{color:#111;display:flex;flex-direction:column;flex-grow:1;gap:6px}.tarjeta-titulo{color:#000;font-size:22px;font-weight:700;margin:0 0 4px}.tarjeta-info p{color:#222;font-size:14px;margin:0}.tarjeta-fila{align-items:center;display:grid;grid-template-columns:200px 1fr}.tarjeta-fila span{color:#222;font-size:14px}.tarjeta-acciones{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:180px}.btn-tarjeta{background-color:#d8d8d8;border:1px solid #c4c4c4;border-radius:4px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background-color .2s ease;width:100%}.btn-tarjeta:hover{background-color:silver}.boton-nuevo-derecha{align-self:center;height:-webkit-fit-content;height:fit-content;margin-left:auto}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:var(--bg-card);max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.modal-title{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.modal-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr}.image-column{display:flex;flex-direction:column;gap:10px}.main-image-placeholder{align-items:center;background-color:var(--bg-main);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:350px;justify-content:center;position:relative;transition:.3s}.main-image-placeholder:hover{border-color:var(--accent-color)}.file-input-hidden{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.thumbnail-row{display:flex;gap:10px;justify-content:space-between}.thumb-placeholder{aspect-ratio:1;background-color:var(--bg-main);border-radius:4px;flex:1 1}.info-column{display:flex;flex-direction:column;gap:15px}.info-column h3{color:var(--text-primary);font-size:18px;margin:0;text-align:center}.input-row{display:flex;gap:15px}.textarea-large{min-height:120px;resize:vertical}.variantes-section{color:var(--text-secondary);font-size:14px}.variantes-controls{align-items:center;display:flex;gap:10px;margin-top:5px}.variant-add{align-items:center;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.variant-placeholder{background-color:var(--bg-main);border-radius:6px;height:40px;width:40px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.success-banner{background-color:#10b9811a;border:1px solid #10b981;border-radius:6px;color:#10b981;margin-bottom:20px;padding:10px 15px;text-align:center}.success-banner a{color:#34d399;font-weight:700}.variantes-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.variante-chip{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:5px 10px;transition:.2s}.variante-chip:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.variant-modal-overlay{background-color:#0009;z-index:1100}.variant-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 10px 25px #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;max-width:420px;padding:25px;width:90%}.variant-modal-title{align-self:center;border-bottom:2px solid var(--accent-color);color:var(--text-primary);display:inline-block;margin:0;padding-bottom:10px;text-align:center}.variant-modal-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:5px}.file-input-hidden{display:none}.upload-label-area{align-items:center;color:#7b849b;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.upload-label-area:hover{color:#aeb5c5}.image-preview-container{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.image-preview-full{display:block;height:100%;object-fit:cover;width:100%}.btn-delete-img{align-items:center;background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:.2s;width:30px}.btn-delete-img:hover{background-color:#ff3c50;transform:scale(1.1)}.thumb-preview-container{background-color:#1e222b;border:1px solid #3d4351;border-radius:6px;height:60px;overflow:hidden;position:relative;width:60px}.thumb-preview-img{height:100%;object-fit:cover;width:100%}.btn-delete-thumb{background-color:#dc3545e6;border:none;border-radius:50%;color:#fff;font-size:10px;height:18px;position:absolute;right:2px;top:2px;width:18px}.btn-delete-thumb,.thumb-add-more{align-items:center;cursor:pointer;display:flex;justify-content:center}.thumb-add-more{background-color:#ffffff08;border:1px dashed #3d4351;border-radius:6px;color:#7b849b;flex-shrink:0;font-size:24px;height:60px;transition:.2s;width:60px}.thumb-add-more:hover{background-color:#ffffff14;color:#fff}.pedidos-header-stats{display:flex;gap:15px;margin-bottom:30px}.stat-card-item{flex:1 1;text-align:center}.stat-card-title{color:#a8a8b3;color:var(--text-secondary,#a8a8b3);font-size:14px;margin:0 0 10px}.stat-card-value{font-size:24px;font-weight:700}.pedidos-table-title{margin-bottom:20px;margin-top:0}.center-cell{text-align:center}.client-cell{font-size:12px;line-height:1.5;text-align:left}.empty-row{color:#737380;padding:30px;text-align:center}.action-buttons-cell{text-align:center;vertical-align:middle}.btn-pedido-action{align-items:center;background-color:#3e77e8;border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;margin:0 auto;padding:8px 16px;transition:all .3s ease}.btn-pedido-action:hover{background-color:#5c8df0;box-shadow:0 4px 12px #3e77e880;color:#fff;transform:translateY(-2px)}.pedido-modal-overlay{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.pedido-modal-content{background-color:#1c1c1c;border-radius:12px;box-shadow:0 10px 40px #0009;color:#c5cfcf;max-height:90vh;max-width:1100px;overflow-y:auto;padding:30px;position:relative;width:95%}.pedido-modal-close{background:none;border:none;color:#c5cfcf;cursor:pointer;font-size:28px;left:20px;position:absolute;top:20px;transition:color .3s ease}.pedido-modal-close:hover{color:#ff4c4c}.pedido-modal-title{color:#3e77e8;font-size:24px;font-weight:700;margin-bottom:30px;margin-top:0;text-align:center}.pedido-modal-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.pedido-modal-col.bg-panel{background-color:#242424;border-radius:8px;padding:20px}.modal-subtitulo{border-bottom:1px solid #333;color:#c5cfcf;font-size:20px;margin-bottom:25px;padding-bottom:15px;text-align:center}.pedido-productos-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:5px}.pedido-producto-card{background-color:#2a2a2a;border-radius:8px;display:flex;gap:15px;padding:15px}.producto-img-box{align-items:center;background-color:#333;border-radius:6px;color:#666;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.producto-img-box img{height:100%;object-fit:cover;width:100%}.producto-info-box p{color:#c5cfcf;font-size:14px;margin:5px 0}.producto-info-box strong{color:#3e77e8}.empaque-checks{color:#a0a0a0;display:flex;font-size:13px;gap:15px;margin-top:10px}.empaque-checks label{align-items:center;cursor:pointer;display:flex;gap:5px}.modal-action-footer{display:flex;justify-content:center;margin-top:25px}.btn-listo-enviar{background-color:#e0e0e0;border:none;border-radius:20px;color:#1c1c1c;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s ease}.btn-listo-enviar:hover{background-color:#3e77e8;color:#fff}.form-group-readonly{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-group-readonly label{color:#c5cfcf;font-size:14px;font-weight:600}.form-group-readonly input{background-color:#2a2a2a;border:1px solid #333;border-radius:6px;color:#c5cfcf;font-size:14px;outline:none;padding:12px}.form-group-readonly input::placeholder{color:#666}.guia-container{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.input-guia{background-color:#1c1c1c;border:1px solid #3e77e8;border-radius:8px;box-shadow:inset 0 2px 4px #00000080;color:#fff;font-size:15px;outline:none;padding:12px 15px;text-align:center;width:90%}.input-guia::placeholder{color:#666}.btn-marcar-enviado{background-color:#00adb5;border:none;border-radius:20px;color:#1c1c1c;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s ease;width:60%}.btn-marcar-enviado:hover{background-color:#00e676;color:#1c1c1c;transform:scale(1.05)}.badge-enviado{background-color:#00e6761a;border:1px solid #00e676;border-radius:8px;color:#00e676;font-weight:700;padding:15px;text-align:center;width:100%}@media (max-width:900px){.pedido-modal-grid{grid-template-columns:1fr}}.stats-dashboard-container{color:#c5cfcf;padding:20px}.stats-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stats-main-title{color:#fff;font-size:24px;margin:0 0 5px}.btn-export{background-color:#242424;border:1px solid #444;border-radius:6px;color:#c5cfcf;cursor:pointer;font-weight:700;padding:10px 18px;transition:all .3s}.btn-export:hover{background-color:#3e77e8;border-color:#3e77e8;color:#fff}.stats-controls-bar{align-items:center;background-color:#242424;border:1px solid #333;border-radius:10px;box-shadow:0 4px 6px #0003;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:15px 20px}.time-filters-group{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background-color:initial;border:1px solid #444;border-radius:20px;color:#a0a0a0;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{border-color:#3e77e8;color:#c5cfcf}.filter-btn.active{background-color:#3e77e8;border-color:#3e77e8;box-shadow:0 2px 8px #3e77e866;color:#fff}.custom-date-picker{align-items:center;background-color:#1c1c1c;border:1px solid #444;border-radius:8px;display:flex;gap:10px;padding:5px 10px}.date-input{background-color:initial;border:none;color:#c5cfcf;cursor:pointer;font-family:inherit;font-size:13px;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-separator{color:#888;font-size:13px;font-weight:500}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.kpi-card{background-color:#242424;border:1px solid #333;border-radius:10px;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column;justify-content:center;padding:20px}.kpi-card h4{color:#a0a0a0;font-size:14px;font-weight:600;margin:0 0 10px}.kpi-card h2{color:#fff;font-size:26px;font-weight:700;margin:0 0 10px}.trend{font-size:12px;font-weight:700}.trend.up{color:#10b981}.trend.down{color:#ff4c4c}.chart-card{background-color:#242424;border:1px solid #333;border-radius:10px;box-shadow:0 4px 6px #0003;margin-bottom:25px;overflow:hidden}.chart-header{background-color:#2a2a2a;border-bottom:1px solid #333;padding:15px 20px}.chart-header h3{color:#fff;font-size:16px;margin:0}.chart-body{padding:20px}.secondary-charts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.pie-legend{display:flex;flex-direction:column;gap:10px;margin-left:20px}.legend-item{align-items:center;color:#c5cfcf;display:flex;font-size:13px;gap:10px}.color-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.secondary-charts-grid{grid-template-columns:1fr}}.config-container{color:#c5cfcf;padding:20px}.config-page-title{color:#3e77e8;font-size:24px;margin-bottom:30px}.config-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.config-card{background-color:#242424;border:1px solid #333;border-radius:10px;box-shadow:0 4px 15px #0003;padding:25px}.config-card h3{border-bottom:1px solid #333;color:#fff;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.config-desc{color:#888;font-size:13px;line-height:1.5;margin-bottom:20px}.config-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.config-form-group label{color:#a0a0a0;font-size:13px;font-weight:600}.config-input{background-color:#1c1c1c;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;outline:none;padding:12px;transition:border .3s}.config-input:focus{border-color:#3e77e8}.short-input{text-align:center;width:100px}.btn-save{background-color:#333;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-save:hover{background-color:#3e77e8;border-color:#3e77e8}.success-msg{color:#00e676;font-size:13px;margin-top:10px}.config-footer-action{border-top:1px solid #333;margin-top:40px;padding-top:30px;text-align:center}.btn-save-master{background-color:#3e77e8;border:none;border-radius:8px;box-shadow:0 4px 10px #3e77e84d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 40px;transition:all .3s ease}.btn-save-master:hover{background-color:#5c8df0;transform:translateY(-2px)}.server-restart-warning{background-color:#ffea001a;border:1px solid #ffea00;border-radius:8px;color:#ffea00;display:inline-block;font-size:14px;margin-top:20px;padding:15px 25px;text-align:left}.cart-overlay{background-color:#000000b3;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:998}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{background-color:#1a1a1e;border-left:1px solid #29292e;box-shadow:-5px 0 25px #00000080;color:#e1e1e6;display:flex;flex-direction:column;height:100vh;position:fixed;right:-450px;top:0;transition:right .3s ease;width:400px;z-index:999}.cart-drawer.open{right:0}.cart-header{align-items:center;border-bottom:1px solid #29292e;display:flex;justify-content:space-between;padding:20px}.cart-header h2{color:#00adb5;font-size:22px;margin:0}.close-btn{background:none;border:none;color:#a8a8b3;cursor:pointer;font-size:20px;transition:color .2s}.close-btn:hover{color:#e1e1e6}.cart-body{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.empty-cart-message{color:#737380;margin-top:50px;text-align:center}.empty-icon{font-size:50px;opacity:.2}.cart-item{border-bottom:1px solid #29292e;display:flex;gap:15px;padding-bottom:15px}.cart-item-img{background-color:#121214;border:1px solid #29292e;border-radius:8px;height:70px;object-fit:contain;width:70px}.cart-item-info{display:flex;flex:1 1;flex-direction:column}.cart-item-title{color:#fff;font-size:15px;margin:0 0 5px}.cart-item-variant{color:#737380;font-size:12px;margin-bottom:5px}.cart-item-price{color:#00adb5;font-weight:700;margin-bottom:10px}.cart-item-controls{align-items:center;display:flex;justify-content:space-between}.qty-controls{align-items:center;background-color:#121214;border:1px solid #29292e;border-radius:6px;display:flex;overflow:hidden}.qty-controls button{background:none;border:none;color:#fff;cursor:pointer;height:25px;width:25px}.qty-controls button:hover{background-color:#29292e}.qty-controls span{font-size:14px;padding:0 10px}.delete-btn{background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s}.delete-btn:hover{opacity:1}.cart-footer{background-color:#1a1a1e;border-top:1px solid #29292e;padding:20px}.cart-subtotal{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cart-subtotal h3{color:#fff;font-size:24px;margin:0}.cart-actions{display:flex;gap:10px}.btn-cancel{background-color:initial;border:1px solid #e11d48;border-radius:6px;color:#e11d48;cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:all .2s}.btn-cancel:hover{background-color:#e11d48;color:#fff}.btn-checkout{background-color:#00adb5;border:none;border-radius:6px;color:#121214;cursor:pointer;flex:2 1;font-size:16px;font-weight:700;padding:12px;transition:opacity .2s}.btn-checkout:hover{opacity:.9}.header-left{align-items:center;display:flex;gap:20px}.menu-icon{color:#e1e1e6;cursor:pointer;font-size:26px;transition:color .2s}.menu-icon:hover{color:#00adb5}.header-actions{align-items:center;display:flex;gap:25px}.header-icon-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .2s}.header-icon-wrapper:hover{transform:scale(1.1)}.icon-bell,.icon-cart{color:#a8a8b3;font-size:22px;transition:color .2s}.header-icon-wrapper:hover .icon-bell,.header-icon-wrapper:hover .icon-cart{color:#e1e1e6}.notification-dot{border:2px solid #1a1a1e;border-radius:50%;height:10px;right:-2px;top:-2px;width:10px}.cart-badge,.notification-dot{background-color:#00adb5;position:absolute}.cart-badge{border:2px solid #1a1a1e;border-radius:12px;color:#121214;font-size:11px;font-weight:800;padding:2px 6px;right:-12px;top:-8px}.store-layout{background-color:#121214;color:#e1e1e6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.store-header{align-items:center;background-color:#1a1a1e;border-bottom:1px solid #29292e;display:flex;justify-content:space-between;padding:15px 40px}.header-logo h2{color:#00adb5;font-weight:800;letter-spacing:1px;margin:0}.header-search{flex:0 1 500px}.search-input{background-color:#121214;border:1px solid #29292e;border-radius:6px;color:#fff;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#00adb5}.btn-profile{background-color:initial;border:1px solid #00adb5;border-radius:6px;color:#00adb5;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-profile:hover{background-color:#00adb5;color:#121214}.product-page-container{margin:40px auto;max-width:1200px;padding:0 20px}.product-main-section{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:50px}.gallery-column{display:flex;flex-direction:column;gap:15px}.main-image-viewport{align-items:center;background-color:#1a1a1e;border:1px solid #29292e;border-radius:12px;display:flex;height:450px;justify-content:center;overflow:hidden;width:100%}.main-image-viewport img{max-height:100%;max-width:100%;object-fit:contain}.thumbnails-wrapper{display:flex;gap:12px;overflow-x:auto}.thumb-box{align-items:center;background-color:#1a1a1e;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.thumb-box img{height:100%;object-fit:cover;width:100%}.thumb-box.active-thumb{border-color:#00adb5}.details-column{display:flex;flex-direction:column;justify-content:center}.product-view-title{color:#fff;font-size:32px;margin:0 0 15px}.product-meta-info{color:#a8a8b3;display:flex;font-size:15px;gap:30px;margin-bottom:25px}.variants-selector-section{margin-bottom:25px}.section-label{color:#fff;display:block;font-weight:600;margin-bottom:10px}.variants-grid-chips{display:flex;flex-wrap:wrap;gap:10px}.variant-selection-chip{background-color:#1a1a1e;border:1px solid #29292e;border-radius:6px;color:#e1e1e6;cursor:pointer;padding:8px 16px;transition:all .2s}.variant-selection-chip:hover{border-color:#a8a8b3}.variant-selection-chip.selected-chip{background-color:#00adb5;border-color:#00adb5;color:#121214;font-weight:600}.price-tag-container{margin-bottom:30px}.price-label{color:#a8a8b3;font-size:14px}.product-view-price{color:#00adb5;font-size:36px;font-weight:700;margin:5px 0 0}.purchase-controls-row{display:flex;flex-direction:column;gap:20px}.quantity-selector{align-items:center;display:flex;gap:15px}.qty-label{color:#a8a8b3;font-size:15px}.qty-counter-box{align-items:center;background-color:#1a1a1e;border:1px solid #29292e;border-radius:6px;display:flex;overflow:hidden}.qty-counter-box button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;height:35px;transition:background-color .2s;width:35px}.qty-counter-box button:hover:not(:disabled){background-color:#29292e}.qty-counter-box button:disabled{color:#4d4d57;cursor:not-allowed}.qty-number{font-weight:600;padding:0 15px}.action-buttons-group{display:flex;gap:15px}.btn-store-action{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:transform .1s,opacity .2s}.btn-store-action:active{transform:scale(.98)}.btn-add-cart{background-color:#202024;border:1px solid #29292e;color:#e1e1e6}.btn-add-cart:hover:not(:disabled){background-color:#29292e}.btn-buy-now{background-color:#00adb5;color:#121214}.btn-buy-now:hover:not(:disabled){opacity:.9}.btn-store-action:disabled{background-color:#1a1a1e;border:1px solid #29292e;color:#4d4d57;cursor:not-allowed}.product-bottom-description,.recommended-products-section{border-top:1px solid #29292e;margin-top:40px;padding-top:30px}.product-bottom-description h3,.recommended-products-section h3{color:#fff;font-size:20px;margin-bottom:15px}.description-text-content{color:#a8a8b3;font-size:16px;line-height:1.6}.recommended-placeholder-grid{grid-gap:20px;background-color:#1a1a1e;border:1px dashed #29292e;border-radius:8px;color:#737380;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px;padding:40px;text-align:center}.recommended-card{background-color:#1c1c1c;border:1px solid #333;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.recommended-card:hover{border-color:#3e77e8;box-shadow:0 8px 20px #0006;transform:translateY(-5px)}.rec-img{object-fit:cover}.rec-img,.rec-img-placeholder{border-radius:6px;height:180px;margin-bottom:12px;width:100%}.rec-img-placeholder{align-items:center;background-color:#2a2a2a;color:#555;display:flex;font-weight:700;justify-content:center}.recommended-card h4{color:#c5cfcf;font-size:15px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-price{color:#3e77e8;font-size:16px;font-weight:700;margin:0}
/*# sourceMappingURL=main.339cc4fb.css.map*/