:root{--primary-color: #1e40af;--primary-hover: #1e3a8a;--primary-light: #3b82f6;--primary-bg: #e0e7ff;--secondary-color: #64748b;--secondary-hover: #475569;--bg-color: #f8fafc;--bg-subtle: #f1f5f9;--text-color: #0f172a;--text-primary: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--border-color-light: #e5e7eb;--white: #fff;--card-bg: #fff;--input-bg: #fff;--sidebar-bg: #0f172a;--sidebar-hover: #1e293b;--sidebar-active: #334155;--danger-color: #dc2626;--danger-hover: #b91c1c;--danger-bg: #fee2e2;--success-color: #16a34a;--success-hover: #15803d;--success-bg: #dcfce7;--warning-color: #f59e0b;--warning-hover: #d97706;--warning-bg: #fef3c7;--info-color: #0369a1;--info-hover: #0c4a6e;--alert-success-bg: #dcfce7;--alert-success-border: #bbf7d0;--alert-success-text: #166534;--alert-danger-bg: #fee2e2;--alert-danger-border: #fecaca;--alert-danger-text: #991b1b;--alert-info-bg: #f0f9ff;--alert-info-border: #bae6fd;--alert-info-text: #0c4a6e;--badge-default-bg: #e0e7ff;--badge-default-text: var(--primary-color);--badge-success-bg: #10b981;--badge-danger-bg: #ef4444;--badge-warning-bg: #f59e0b;--badge-info-bg: #93c5fd;--badge-muted-bg: #e5e7eb;--badge-muted-text: #6b7280;--btn-edit-color: #a855f7;--btn-edit-bg: #f3e8ff;--btn-view-color: #3b82f6;--btn-view-bg: #dbeafe;--btn-delete-color: #ef4444;--btn-delete-bg: #fee2e2;--btn-display-color: #f59e0b;--btn-display-bg: #fef3c7;--btn-display-hover-bg: #fed7aa;--btn-toggle-inactive: #cbd5e1;--btn-toggle-hover-bg: #e2e8f0;--table-header-from: #f8fafc;--table-header-to: #f1f5f9;--table-row-hover: #f8fafc;--auth-gradient-from: #667eea;--auth-gradient-to: #764ba2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-light: #60a5fa;--primary-bg: rgb(59 130 246 / 20%);--secondary-color: #94a3b8;--secondary-hover: #64748b;--bg-color: #0f172a;--bg-subtle: #1e293b;--text-color: #f1f5f9;--text-primary: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155;--border-color-light: #475569;--white: #1e293b;--card-bg: #1e293b;--input-bg: #1e293b;--sidebar-bg: #020617;--sidebar-hover: #1e293b;--sidebar-active: #334155;--danger-color: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, 0.15);--success-color: #22c55e;--success-hover: #16a34a;--success-bg: rgba(22, 163, 74, 0.15);--warning-color: #f59e0b;--warning-hover: #d97706;--warning-bg: rgba(245, 158, 11, 0.15);--info-color: #7dd3fc;--info-hover: #38bdf8;--alert-success-bg: rgba(22, 163, 74, 0.15);--alert-success-border: rgba(22, 163, 74, 0.3);--alert-success-text: #4ade80;--alert-danger-bg: rgba(239, 68, 68, 0.15);--alert-danger-border: rgba(239, 68, 68, 0.3);--alert-danger-text: #f87171;--alert-info-bg: rgba(14, 165, 233, 0.15);--alert-info-border: rgba(14, 165, 233, 0.3);--alert-info-text: #7dd3fc;--badge-default-bg: rgb(59 130 246 / 20%);--badge-default-text: #93c5fd;--badge-success-bg: #22c55e;--badge-danger-bg: #ef4444;--badge-warning-bg: #f59e0b;--badge-info-bg: rgb(147 197 253 / 30%);--badge-muted-bg: #4b5563;--badge-muted-text: #d1d5db;--btn-edit-color: #c084fc;--btn-edit-bg: rgb(168 85 247 / 20%);--btn-view-color: #60a5fa;--btn-view-bg: rgb(59 130 246 / 20%);--btn-delete-color: #f87171;--btn-delete-bg: rgb(239 68 68 / 20%);--btn-display-color: #fbbf24;--btn-display-bg: rgb(245 158 11 / 20%);--btn-display-hover-bg: rgb(245 158 11 / 30%);--btn-toggle-inactive: #64748b;--btn-toggle-hover-bg: #334155;--table-header-from: #1e293b;--table-header-to: #0f172a;--table-row-hover: #334155;--auth-gradient-from: #1e3a5f;--auth-gradient-to: #312e81;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 30%);--shadow: 0 1px 3px 0 rgb(0 0 0 / 40%), 0 1px 2px -1px rgb(0 0 0 / 40%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 50%), 0 2px 4px -2px rgb(0 0 0 / 50%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 60%), 0 4px 6px -4px rgb(0 0 0 / 60%)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.6}@media(width <= 767px){body{font-size:13px}}a{color:inherit;text-decoration:none}.app-body{min-height:100vh;background-color:var(--bg-color)}.app-body.sidebar-open{overflow:hidden}@media(width >= 2400px){.app-body{padding:0 2rem}.app-body .app-container{width:100%;max-width:1500px;margin:0 auto}}.app-container{display:flex;height:100vh;overflow:hidden}@media(width <= 1023px){.app-container{flex-direction:column;height:auto;min-height:100vh}}.sidebar-backdrop{display:none}@media(width <= 1023px){.app-body.sidebar-open .sidebar-backdrop{position:fixed;inset:0;z-index:40;display:block;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}}.sidebar{z-index:10;display:flex;flex-direction:column;flex-shrink:0;width:260px;background:linear-gradient(180deg, var(--sidebar-bg) 0%, #1e293b 100%);box-shadow:var(--shadow-lg);color:var(--white)}@media(width <= 1023px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;width:80vw;max-width:280px;height:100vh;transition:transform .25s ease;transform:translateX(-100%)}.app-body.sidebar-open .sidebar{transform:translateX(0)}}.sidebar-header{display:flex;align-items:center;justify-content:center;min-height:64px;padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.2)}.sidebar-header h1{margin:0;overflow-wrap:anywhere;background:linear-gradient(135deg, #fff 0%, #94a3b8 100%);background-clip:text;color:rgba(0,0,0,0);font-size:1.375rem;font-weight:700;line-height:1.3;letter-spacing:-0.025em;text-align:center;word-break:break-word;-webkit-text-fill-color:rgba(0,0,0,0)}[data-theme=dark] .sidebar-header h1{background:linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-footer{padding:1.25rem;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.2)}.nav-item{display:flex;align-items:center;margin:.15rem 1rem;padding:.85rem 1.5rem;border-radius:.75rem;color:#e2e8f0;font-size:.95rem;font-weight:500;transition:all .2s ease}.nav-item:hover{background-color:rgba(148,163,184,.15);transform:translateX(4px)}.nav-item.active{background:linear-gradient(90deg, rgba(59, 130, 246, 0.25), rgba(59, 130, 246, 0.05));box-shadow:inset 0 0 0 1px rgba(59,130,246,.3)}.nav-item>span:last-child{margin-left:.25rem}.nav-section-title{padding:1.5rem 1.5rem .5rem;color:#94a3b8;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.nav-list,.nav-submenu{margin:0;padding:0;list-style:none}.nav-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.75rem;color:#cbd5e1}.nav-icon svg{width:100%;height:100%}.nav-group{margin:1.75rem 0 0;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.08)}.nav-group-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.35rem 1.25rem;background:none;border:none;border-radius:.5rem;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.nav-group-toggle.is-open .nav-group-icon svg{transform:rotate(180deg)}.nav-group-icon{display:inline-flex;width:1.1rem;height:1.1rem;margin-left:auto;color:#cbd5e1;transition:transform .2s ease}.nav-group-icon svg{transition:transform .25s ease}.nav-submenu{max-height:0;margin-top:.35rem;padding-left:.25rem;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,transform .2s ease;transform:translateY(-4px)}.nav-submenu.is-open{max-height:600px;opacity:1;transform:translateY(0)}.nav-submenu .nav-item{margin:.125rem .4rem;padding:.5rem 1.4rem;border-radius:.5rem;font-size:.875rem}.user-info{margin-bottom:1rem;color:#cbd5e1;font-size:.8125rem;text-align:center}.user-info p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-navbar{z-index:5;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:64px;padding:0 2rem;background-color:var(--white);box-shadow:var(--shadow)}@media(width <= 1023px){.top-navbar{height:56px;padding:0 1rem}}@media(width <= 639px){.top-navbar{height:52px}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-right:1rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-color);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.mobile-menu-toggle:hover{background-color:var(--bg-color);box-shadow:var(--shadow-sm)}.mobile-menu-toggle svg{width:1.5rem;height:1.5rem}@media(width <= 1023px){.mobile-menu-toggle{display:inline-flex}}@media(width <= 639px){.mobile-menu-toggle{width:2.5rem;height:2.5rem}}.page-title{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:-0.025em}@media(width <= 1023px){.page-title{font-size:1.25rem}}.main-content{display:flex;flex:1;flex-direction:column;overflow:hidden;background-color:var(--bg-color)}@media(width <= 1023px){.main-content{min-height:100vh}}.content-area{flex:1;padding:2rem;overflow-y:auto}@media(width <= 1023px){.content-area{padding:1.5rem 1rem;overflow:visible}}@media(width <= 639px){.content-area{padding:1.25rem .75rem}}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:var(--bg-color)}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}@media(width <= 767px){.page-header h1{font-size:1.25rem}}.page-header .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section-header h2,.section-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.section-header .section-actions{display:flex;align-items:center;gap:.5rem}.header-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.content-section{margin-bottom:2rem}.content-section:last-child{margin-bottom:0}.orders-section,.requests-section{margin-bottom:2rem}.orders-section:last-child,.requests-section:last-child{margin-bottom:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1rem}@media(width <= 639px){.content-grid{grid-template-columns:1fr}}.orders-grid,.requests-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1rem}@media(width <= 639px){.orders-grid,.requests-grid{grid-template-columns:1fr}}.filters-section{margin-bottom:1.5rem}.filter-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .2s ease;color:var(--text-color);text-decoration:none}.filter-tab:hover{background:var(--bg-color);border-color:var(--primary-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-tab .tab-count{margin-left:.25rem;opacity:.7}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-card .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.stat-card .stat-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.stat-card.highlight{border-color:var(--primary-color);background:var(--primary-bg)}.stat-card.highlight .stat-value{color:var(--primary-color)}.stat-card.success{border-color:var(--success-color);background:var(--success-bg)}.stat-card.success .stat-value{color:var(--success-color)}.stat-card.warning{border-color:var(--warning-color);background:var(--warning-bg)}.stat-card.warning .stat-value{color:var(--warning-color)}.stat-card.danger{border-color:var(--danger-color);background:var(--danger-bg)}.stat-card.danger .stat-value{color:var(--danger-color)}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:border-color .2s ease}.history-item:hover{border-color:var(--primary-color)}.history-item.urgent{border-left:4px solid var(--danger-color)}.history-item .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.history-item .item-id,.history-item .order-id,.history-item .request-id{font-weight:600;color:var(--text-muted);font-size:.875rem}.history-item .item-content{margin-bottom:.5rem}.history-item .item-details{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.history-item .item-details strong{color:var(--text-color)}.history-item .item-footer{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--text-muted);padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:.5rem}.history-item .date{color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-md)}.empty-state .empty-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.5;color:var(--text-muted)}.empty-state .empty-icon svg{width:100%;height:100%}.empty-state h3,.empty-state h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.empty-state p{max-width:300px;margin:0;line-height:1.5;font-size:.875rem}.empty-state .empty-action{margin-top:1rem}.detail-page .status-section{display:flex;align-items:center;justify-content:center;padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-subtle);border-radius:var(--radius-lg)}.detail-page .status-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem}.detail-page .status-indicator .status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.detail-page .status-indicator .status-icon svg{width:24px;height:24px}.detail-page .status-indicator .status-text{font-size:1rem;font-weight:600}.detail-page .status-indicator.pending .status-icon,.detail-page .status-indicator.submitted .status-icon{background:var(--warning-bg);color:var(--warning-color)}.detail-page .status-indicator.pending .status-text,.detail-page .status-indicator.submitted .status-text{color:var(--warning-color)}.detail-page .status-indicator.in_progress .status-icon,.detail-page .status-indicator.processing .status-icon{background:var(--alert-info-bg);color:var(--info-color)}.detail-page .status-indicator.in_progress .status-text,.detail-page .status-indicator.processing .status-text{color:var(--info-color)}.detail-page .status-indicator.completed .status-icon{background:var(--success-bg);color:var(--success-color)}.detail-page .status-indicator.completed .status-text{color:var(--success-color)}.detail-page .status-indicator.rejected .status-icon,.detail-page .status-indicator.cancelled .status-icon{background:var(--danger-bg);color:var(--danger-color)}.detail-page .status-indicator.rejected .status-text,.detail-page .status-indicator.cancelled .status-text{color:var(--danger-color)}.detail-page .info-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.detail-page .info-section h3{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem}.detail-page .info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-page .info-row:last-child{border-bottom:none}.detail-page .info-row .label{color:var(--text-muted);font-size:.875rem}.detail-page .info-row .value{font-weight:500;color:var(--text-color)}.detail-page .notes-section{margin-top:1rem;padding:1rem;background:var(--bg-subtle);border-radius:var(--radius-sm)}.detail-page .notes-section h4{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin:0 0 .5rem}.detail-page .notes-section .notes-text{margin:0;font-size:.875rem;color:var(--text-color);line-height:1.5}.detail-page .action-buttons{display:flex;gap:1rem;margin-top:1.5rem}@media(width <= 639px){.detail-page .action-buttons{flex-direction:column}}.detail-page .action-buttons .btn{flex:1;min-width:120px}.items-section{margin-bottom:1.5rem}.items-section h3{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem}.items-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.item-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.item-row:last-child{border-bottom:none}.item-row .item-info{flex:1;min-width:0}.item-row .item-details .product-code{font-weight:600;color:var(--text-color);display:block}.item-row .item-details .product-desc{font-size:.875rem;color:var(--text-muted);display:block}.item-row .item-details .product-size{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.item-row .item-pricing{display:flex;align-items:center;gap:.75rem;text-align:right}.item-row .item-pricing .quantity{color:var(--text-muted)}.item-row .item-pricing .unit-price{color:var(--text-muted);font-size:.875rem}.item-row .item-pricing .subtotal{font-weight:600;color:var(--text-color)}.order-total,.request-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-subtle);border-radius:var(--radius-md);margin-top:1rem}.order-total .total-label,.request-total .total-label{font-size:1rem;font-weight:500;color:var(--text-color)}.order-total .total-amount,.request-total .total-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.order-card,.request-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.order-card:hover,.request-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.order-card .card-header,.request-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-card .card-content,.request-card .card-content{margin-bottom:1rem}.order-card .card-actions,.request-card .card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.order-card .card-actions .btn,.request-card .card-actions .btn{flex:1}.order-card .time-info,.request-card .time-info{font-size:.8125rem;color:var(--text-muted);margin-top:.75rem}.order-card .time-ago,.request-card .time-ago{display:inline-flex;align-items:center;gap:.25rem}.request-card.urgent,.order-card.urgent{border-left:4px solid var(--danger-color)}.seller-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem}.seller-info .seller-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-bg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.seller-info .seller-name{font-weight:500;color:var(--text-color)}.seller-info .seller-label{color:var(--text-muted)}.product-info{margin-bottom:.75rem}.product-info .product-code{font-weight:600;color:var(--text-color)}.product-info .product-desc{font-size:.875rem;color:var(--text-muted)}.order-summary,.request-summary{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:.75rem}.order-summary .summary-item,.order-summary .detail-item,.request-summary .summary-item,.request-summary .detail-item{display:flex;flex-direction:column;gap:.125rem}.order-summary .summary-item .label,.order-summary .detail-item .label,.request-summary .summary-item .label,.request-summary .detail-item .label{font-size:.75rem;color:var(--text-muted)}.order-summary .summary-item .value,.order-summary .detail-item .value,.request-summary .summary-item .value,.request-summary .detail-item .value{font-weight:600;color:var(--text-color)}.order-summary .summary-item .value.size,.order-summary .detail-item .value.size,.request-summary .summary-item .value.size,.request-summary .detail-item .value.size{font-size:1.125rem;color:var(--primary-color)}.order-summary .summary-item .value.quantity,.order-summary .detail-item .value.quantity,.request-summary .summary-item .value.quantity,.request-summary .detail-item .value.quantity{font-size:1.125rem}.order-summary .summary-item.total .value,.order-summary .detail-item.total .value,.request-summary .summary-item.total .value,.request-summary .detail-item.total .value{color:var(--primary-color);font-size:1.125rem}.order-notes,.request-notes{margin-top:.75rem;padding:.5rem .75rem;background:var(--warning-bg);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-color)}.order-notes strong,.request-notes strong{color:var(--warning-color)}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}@media(min-width: 480px){.action-buttons{flex-direction:row;flex-wrap:wrap}}.action-buttons .btn-large{min-height:52px;padding:.875rem 1.5rem;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.action-buttons .btn-large svg{flex-shrink:0}.product-detail{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}@media(min-width: 768px){.product-detail{grid-template-columns:300px 1fr;gap:2rem}}@media(min-width: 1024px){.product-detail{grid-template-columns:350px 1fr}}.product-image-section{display:flex;justify-content:center;align-items:flex-start}.product-image-section .product-image-large{width:100%;max-width:350px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-color)}.product-image-section .no-image{width:100%;max-width:350px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.product-image-section .no-image.large svg{width:96px;height:96px;opacity:.5}.product-info-section{display:flex;flex-direction:column;gap:1.25rem}.product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.product-meta .product-code-large{font-size:.875rem;font-weight:600;padding:.375rem .75rem;background:var(--primary-bg);color:var(--primary-color);border-radius:var(--radius-full)}.product-meta .barcode{font-size:.8125rem;font-family:monospace;padding:.375rem .75rem;background:var(--bg-subtle);color:var(--text-muted);border-radius:var(--radius-full)}.product-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3}@media(min-width: 768px){.product-title{font-size:1.75rem}}.product-price-large{font-size:2rem;font-weight:700;color:var(--primary-color)}@media(min-width: 768px){.product-price-large{font-size:2.25rem}}.product-details-card{display:flex;flex-direction:column;gap:.625rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-row .detail-label{font-size:.875rem;color:var(--text-muted)}.detail-row .detail-value{font-size:.9375rem;font-weight:500;color:var(--text-color)}.stock-section{padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stock-section h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem 0}.stock-section .stock-info{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.stock-section .stock-number{font-size:1.125rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-md)}.stock-section .stock-number.stock-good{background:var(--success-bg);color:var(--success-color)}.stock-section .stock-number.stock-low{background:var(--warning-bg);color:var(--warning-color)}.stock-section .stock-number.stock-out{background:var(--danger-bg);color:var(--danger-color)}.stock-section .size-info{font-size:1rem;color:var(--text-muted);padding:.5rem 1rem;background:var(--bg-subtle);border-radius:var(--radius-md)}.product-detail .action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}@media(min-width: 480px){.product-detail .action-buttons{flex-direction:row;flex-wrap:wrap}}.product-detail .action-buttons .btn-large{min-height:52px;padding:.875rem 1.5rem;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.product-detail .action-buttons .btn-large svg{flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:600;line-height:1.5;text-align:center;white-space:nowrap;cursor:pointer;transition:all .2s ease}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{flex-shrink:0}@media(width <= 767px){.btn{padding:.5rem 1rem;font-size:.8125rem}}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);border:none;color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-danger:hover{background-color:var(--danger-hover)}.btn-warning{background-color:var(--warning-color);color:var(--white)}.btn-warning:hover{background-color:var(--warning-hover)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:var(--success-hover)}.btn-link{padding:0;background:none;box-shadow:none;color:var(--primary-color);font-weight:500}.btn-link:hover{box-shadow:none;color:var(--primary-hover);text-decoration:underline;transform:none}.btn-outline-primary{background-color:rgba(0,0,0,0);border:1.5px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff}.btn-outline-secondary{background-color:rgba(0,0,0,0);border:1.5px solid var(--secondary-color);color:var(--secondary-color)}.btn-outline-secondary:hover{background-color:var(--secondary-color);color:#fff}.btn-outline-danger{background-color:rgba(0,0,0,0);border:1.5px solid var(--danger-color);color:var(--danger-color)}.btn-outline-danger:hover{background-color:var(--danger-color);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-block{display:block;width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:rgba(0,0,0,0);border:none;border-radius:9999px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-icon:hover{transform:scale(1.1)}.btn-icon svg{width:1.25rem;height:1.25rem}.btn-edit:hover{background-color:var(--btn-edit-bg);color:var(--btn-edit-color)}.btn-delete:hover{background-color:var(--btn-delete-bg);color:var(--btn-delete-color)}.btn-view:hover{background-color:var(--btn-view-bg);color:var(--btn-view-color)}.btn-displayed{color:var(--btn-display-color)}.btn-displayed:hover{background-color:var(--btn-display-bg);color:var(--btn-display-color)}.btn-displayed-toggle{color:var(--btn-toggle-inactive);transition:all .2s ease}.btn-displayed-toggle:hover{background-color:var(--btn-toggle-hover-bg);color:var(--btn-display-color)}.btn-displayed-toggle.btn-displayed-active{color:var(--btn-display-color);background-color:var(--btn-display-bg)}.btn-displayed-toggle.btn-displayed-active:hover{background-color:var(--btn-display-hover-bg)}.btn-increment{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;min-width:1.5rem;height:1.5rem;padding:0;background-color:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-increment:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.btn-increment:active{transform:scale(0.95)}.btn-increment:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-increment svg{width:.875rem;height:.875rem;stroke-width:2.5}[data-theme=dark] .btn-increment{border-color:var(--border-color);background-color:var(--sidebar-bg)}[data-theme=dark] .btn-increment:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}@media(width <= 767px){.btn-increment{width:1.25rem;min-width:1.25rem;height:1.25rem}.btn-increment svg{width:.75rem;height:.75rem}}.card{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow)}@media(width >= 768px){.card{padding:1.75rem}}@media(width <= 767px){.card{padding:1.25rem}}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.card-body .detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.card-body .detail-grid .detail-item{display:flex;flex-direction:column;gap:.5rem}.card-body .detail-grid .detail-item.col-span-2{grid-column:span 2}.card-body .detail-grid .detail-item .detail-label{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.card-body .detail-grid .detail-item .detail-value{font-size:1rem;color:var(--text-color)}.card-body .detail-grid .detail-item .detail-value strong{font-weight:600}.form-group{margin-bottom:1.25rem}.grid-form-compact .form-group{margin-bottom:.875rem}@media(width <= 767px){.form-group{min-width:0}}.form-label{display:block;margin-bottom:.5rem;color:var(--text-color);font-size:.875rem;font-weight:600}.grid-form-compact .form-label{margin-bottom:.375rem;font-size:.8125rem}.form-control{display:block;width:100%;max-width:100%;padding:.625rem .875rem;background-color:var(--white);border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-size:.9375rem;transition:all .2s ease;box-sizing:border-box}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(30,64,175,.1)}[data-theme=dark] .form-control:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}.grid-form-compact .form-control{max-width:100%;padding:.5rem .75rem;font-size:.875rem}@media(width <= 767px){.form-control{min-width:0;padding:.5rem .625rem;font-size:.875rem}}select.form-control{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;cursor:pointer;appearance:none}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}input[type=number]{appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}.input-with-prefix{display:flex;align-items:stretch}.input-with-prefix .form-control{margin:0;border-left:none;border-radius:0 .5rem .5rem 0}.input-prefix{display:inline-flex;align-items:center;padding:0 .75rem;background-color:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:.5rem 0 0 .5rem;color:var(--secondary-color);font-weight:600;border-right:none}.input-with-controls{display:flex;align-items:center;justify-content:center;gap:.375rem}.input-with-controls input[type=number]{max-width:60px;padding:.375rem .25rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.875rem;text-align:center;box-sizing:border-box;appearance:none}.input-with-controls input[type=number]::-webkit-outer-spin-button,.input-with-controls input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}@media(width <= 767px){.input-with-controls{gap:.25rem}.input-with-controls input[type=number]{max-width:50px;padding:.25rem;font-size:.8125rem}}.grid-form{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(width >= 768px){.grid-form{grid-template-columns:1fr 1fr}}.grid-form-compact{display:grid;gap:.875rem;grid-template-columns:1fr;max-width:100%}@media(width >= 768px){.grid-form-compact{grid-template-columns:repeat(3, 1fr)}}@media(width >= 1024px){.grid-form-compact{gap:1rem}}@media(width <= 767px){.grid-form-compact{gap:.75rem;grid-template-columns:1fr}}@media(width >= 768px){.full-width{grid-column:span 2}.grid-form-compact .full-width{grid-column:span 3}}.supplier-cost-row{display:grid;align-items:start;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}.checkbox-label{display:flex;align-items:center;font-size:.875rem}.checkbox-input{margin-right:.5rem}.color-preview-container{display:flex;align-items:center;gap:.5rem}.color-preview-circle{display:inline-block;width:1.5rem;height:1.5rem;border:1px solid var(--border-color-light);border-radius:9999px}.form-hint{margin-bottom:.75rem;color:var(--text-muted);font-size:.8125rem}.size-fields-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.size-field-item{display:flex;align-items:center;gap:.25rem}.size-field-item .form-control{width:100px;padding:.5rem .75rem;font-size:.875rem;text-align:center}.size-field-item .btn-icon{width:1.75rem;height:1.75rem;flex-shrink:0}.size-field-item .btn-icon svg{width:1rem;height:1rem}.password-field{position:relative;display:flex;align-items:center}.password-field .form-control{padding-right:2.75rem}.password-toggle{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:var(--primary-color)}.password-toggle:focus{outline:none}.password-toggle svg{width:1.25rem;height:1.25rem}.form-errors{margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--danger-bg);border:1px solid var(--alert-danger-border);border-left:4px solid var(--danger-color);border-radius:var(--radius-md);color:var(--alert-danger-text)}.form-errors h2,.form-errors h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.form-errors ul{margin:0;padding-left:1.25rem;font-size:.875rem}.form-errors ul li{margin-bottom:.25rem}.form-errors ul li:last-child{margin-bottom:0}.alert{margin-bottom:1.25rem;padding:1rem 1.25rem;border:1px solid;border-radius:var(--radius-md);font-size:.875rem}.alert h2{margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.alert ul{margin:0;padding-left:1.25rem}.alert ul li{margin-bottom:.25rem}.alert ul li:last-child{margin-bottom:0}.alert-alert{border-color:var(--alert-danger-border);border-left:4px solid var(--danger-color);background:var(--danger-bg);color:var(--alert-danger-text)}.alert-notice{border-color:var(--alert-success-border);border-left:4px solid var(--success-color);background:var(--success-bg);color:var(--alert-success-text)}.field_with_errors .form-control,.field_with_errors .form-input,.field_with_errors select{border-color:var(--danger-color)}.field_with_errors .form-control:focus,.field_with_errors .form-input:focus,.field_with_errors select:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px rgba(220,38,38,.15)}.form-error{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--danger-color)}.form-hint{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--text-muted)}.table-container{max-width:100%;overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.875rem}@media(width <= 767px){.table{min-width:600px}}.table th{padding:1rem 1.5rem;border-bottom:2px solid var(--border-color);background:linear-gradient(180deg, var(--table-header-from) 0%, var(--table-header-to) 100%);color:var(--secondary-color);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td{padding:.3rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background-color:var(--table-row-hover)}.table tbody tr:last-child td{border-bottom:none}.table .actions-column{width:1%;padding-right:1.5rem;padding-left:.5rem;text-align:right;white-space:nowrap}.table .actions-column .action-buttons{justify-content:flex-end}.table .sortable-header{cursor:pointer;user-select:none;position:relative;transition:color .2s ease}.table .sortable-header:hover{color:var(--primary-color)}[data-theme=dark] .table .sortable-header:hover{color:var(--primary-light)}.table .sortable-header::after{content:"↕";margin-left:.5rem;opacity:.3;font-size:.875rem;transition:opacity .2s ease}.table .sortable-header:hover::after{opacity:.6}.table .sortable-header.sorted-asc::after{content:"↑";opacity:1;color:var(--primary-color)}[data-theme=dark] .table .sortable-header.sorted-asc::after{color:var(--primary-light)}.table .sortable-header.sorted-desc::after{content:"↓";opacity:1;color:var(--primary-color)}[data-theme=dark] .table .sortable-header.sorted-desc::after{color:var(--primary-light)}.checkbox-cell{width:40px;padding:.5rem !important;text-align:center}.table-container .empty-state,td.empty-state{padding:2rem 1rem !important;text-align:center;color:var(--text-muted);min-height:auto !important;display:table-cell !important;vertical-align:middle;background-color:rgba(0,0,0,0) !important;border:none !important}.table-container .empty-state p,td.empty-state p{margin:0;font-size:.875rem;font-weight:400}.text-success{color:var(--success-color);font-weight:600}.text-danger{color:var(--danger-color);font-weight:600}.text-muted{color:var(--text-muted)}.btn-icon.btn-view{padding:.5rem;color:var(--primary-color)}.btn-icon.btn-view:hover{background-color:var(--primary-bg)}.btn-icon.btn-view svg{display:block;width:16px;height:16px}.pagination-container{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--white);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-container:has(.pagination-info):not(:has(.pagination-nav)){justify-content:flex-start}.pagination-container:has(.pagination-nav):not(:has(.pagination-info)){justify-content:center}.pagination-container .pagination-info{color:var(--text-muted);font-size:.875rem}.pagination-container .pagination-nav{display:flex}.pagination-container .pagination{display:flex;gap:.25rem;list-style:none;padding:0;margin:0}.pagination-container .pagination .page-item .page-link{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);text-decoration:none;transition:all .2s ease}.pagination-container .pagination .page-item .page-link:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-theme=dark] .pagination-container .pagination .page-item .page-link{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .pagination-container .pagination .page-item .page-link:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.pagination-container .pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.pagination-container .pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);animation:fade-in .2s ease;backdrop-filter:blur(4px)}.modal-container{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);animation:slide-up .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.modal-title{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:700}.modal-close{padding:.25rem .5rem;background:none;border:none;border-radius:.25rem;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s ease}.modal-close:hover{background-color:var(--bg-color);color:var(--text-color)}.modal-body{padding:2rem}body.modal-open{overflow:hidden}dialog.catalog-dialog{width:90%;max-width:600px;padding:0;border:none;border-radius:1rem;box-shadow:var(--shadow-lg);animation:slide-up .3s ease}dialog.catalog-dialog::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);animation:fade-in .2s ease}dialog.catalog-dialog.catalog-dialog--large{max-width:900px}dialog.catalog-dialog.catalog-dialog--large .dialog-body{max-height:70vh;overflow-y:auto}.dialog-content{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.dialog-title{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:700}.dialog-close{padding:.25rem .5rem;background:none;border:none;border-radius:.25rem;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s ease}.dialog-close:hover{background-color:var(--bg-color);color:var(--text-color)}.dialog-body{padding:2rem}.dialog-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px}@media(max-width: 480px){.toast-container{left:1rem;right:1rem;max-width:none}}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toast-in .3s ease}.toast.toast-success{border-left:4px solid var(--success-color)}.toast.toast-error{border-left:4px solid var(--danger-color)}.toast.toast-warning{border-left:4px solid var(--warning-color)}.toast.toast-info{border-left:4px solid var(--info-color)}.toast .toast-icon{flex-shrink:0;width:20px;height:20px}.toast .toast-icon svg{width:100%;height:100%}.toast .toast-icon.toast-icon-success{color:var(--success-color)}.toast .toast-icon.toast-icon-error{color:var(--danger-color)}.toast .toast-icon.toast-icon-warning{color:var(--warning-color)}.toast .toast-icon.toast-icon-info{color:var(--info-color)}.toast .toast-content{flex:1}.toast .toast-content .toast-title{font-weight:600;margin-bottom:.25rem;color:var(--text-color)}.toast .toast-content .toast-message{font-size:.875rem;color:var(--text-muted);line-height:1.4}.toast .toast-content .toast-priority{display:inline-block;padding:.125rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);margin-bottom:.25rem}.toast .toast-content .toast-priority.urgent{background:var(--danger-color);color:#fff}.toast .toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease}.toast .toast-close:hover{color:var(--text-color);background:var(--bg-subtle)}.toast .toast-close svg{width:16px;height:16px;display:block}.toast.toast-out{animation:toast-out .3s ease forwards}@keyframes toast-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width: 480px){@keyframes toast-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}.badge{display:inline-flex;align-items:center;padding:.125rem .6rem;background-color:var(--badge-default-bg);border-radius:9999px;color:var(--badge-default-text);font-size:.75rem;font-weight:600}.badge-role{letter-spacing:.025em;text-transform:uppercase}.badge-success{background-color:var(--success-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}.badge-entry{background-color:var(--badge-success-bg);color:#fff}.badge-exit{background-color:var(--badge-danger-bg);color:#fff}.badge-adjustment{background-color:var(--badge-warning-bg);color:#fff}.filter-badge{display:inline-flex;margin-left:.5rem;background-color:var(--primary-color);color:#fff}.sizes-badges{display:flex;flex-wrap:wrap;gap:.25rem;max-width:400px}.badge-size{padding:.125rem .5rem;background-color:var(--badge-default-bg);color:var(--badge-default-text);font-size:.6875rem;font-weight:500}.badge-warning{background-color:var(--warning-color);color:#fff}.badge-info{background-color:var(--info-color);color:#fff}.badge-muted{background-color:var(--badge-muted-bg);color:var(--badge-muted-text)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.status-badge.pending,.status-badge.submitted{background:var(--warning-bg);color:var(--warning-color)}.status-badge.in_progress,.status-badge.processing{background:var(--alert-info-bg);color:var(--info-color)}.status-badge.completed{background:var(--success-bg);color:var(--success-color)}.status-badge.rejected,.status-badge.cancelled{background:var(--danger-bg);color:var(--danger-color)}.priority-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.priority-badge.normal{background:var(--bg-subtle);color:var(--text-muted)}.priority-badge.urgent{background:var(--danger-color);color:#fff}.priority-badge.large{padding:.375rem .75rem;font-size:.75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-left:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-color);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background-color:var(--bg-color);box-shadow:var(--shadow-sm);transform:scale(1.05)}.theme-toggle .theme-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.theme-toggle .theme-icon svg{width:100%;height:100%}[data-theme=dark] .theme-toggle{border-color:var(--sidebar-active);background-color:var(--sidebar-hover);color:var(--text-color)}[data-theme=dark] .theme-toggle:hover{background-color:var(--sidebar-active)}.product-image-upload{display:flex;flex-direction:column;gap:.75rem}.product-image-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:180px;padding:1.5rem;background-color:var(--white);border:2px dashed var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.product-image-upload-area:hover{border-color:var(--primary-color);background-color:var(--bg-color)}.product-image-upload-area.has-image{border-style:solid}.product-image-upload-area.dragging{border-color:var(--primary-color);background-color:var(--bg-color)}.product-image-upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-muted)}.product-image-upload-icon svg{width:100%;height:100%}.product-image-upload-text{color:var(--text-muted);font-size:.875rem;text-align:center}.product-image-upload-text strong{color:var(--primary-color)}.product-image-upload-hint{color:var(--text-muted);font-size:.75rem}.product-image-preview{position:relative;display:inline-block;max-width:200px;max-height:200px}.product-image-preview img{display:block;max-width:100%;max-height:200px;border-radius:.5rem;object-fit:contain;background-color:var(--bg-color)}.product-image-preview-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem}.product-image-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:.9;transition:all .2s ease}.product-image-remove-btn:hover{opacity:1;transform:scale(1.1)}.product-image-remove-btn svg{width:14px;height:14px}.product-image-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.product-image-remove-existing{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:var(--danger-color);font-size:.8125rem}[data-theme=dark] .product-image-remove-existing{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.product-image-remove-existing input[type=checkbox]{accent-color:var(--danger-color)}.product-thumbnail{width:auto;height:100px;border-radius:.375rem;object-fit:cover;background-color:var(--bg-color);border:1px solid var(--border-color);flex-shrink:0}.product-thumbnail-cell{display:flex;align-items:center;gap:.75rem}.product-image-medium{max-width:100%;max-height:300px;border-radius:.5rem;object-fit:contain;background-color:var(--bg-color);border:1px solid var(--border-color)}.product-image-large{max-width:100%;max-height:500px;border-radius:.5rem;object-fit:contain;background-color:var(--bg-color);border:1px solid var(--border-color)}.product-image-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:200px;height:200px;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:.5rem;color:var(--text-muted);font-size:.875rem}.product-image-placeholder img{width:100px;height:100px;opacity:.6}@media(width <= 767px){.product-image-upload-area{min-height:150px;padding:1rem}.product-image-preview img{max-height:150px}.product-thumbnail{width:auto;height:120px}}.import-instructions{margin-bottom:1.5rem;padding:1rem 1.25rem;background-color:var(--alert-info-bg);border:1px solid var(--alert-info-border);border-radius:.5rem}.import-instructions h4{margin:0 0 .75rem;color:var(--info-color);font-size:.875rem;font-weight:600}.import-instructions ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--alert-info-text)}.import-instructions ul li{margin-bottom:.25rem}.import-instructions ul li:last-child{margin-bottom:0}.import-actions-top{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--alert-info-border)}.required-indicator{color:var(--danger-color);font-weight:700}.import-table-container{max-height:400px;overflow:auto;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--white)}.import-table{width:100%;min-width:500px;border-collapse:collapse;font-size:.875rem}.import-table.importing{pointer-events:none;opacity:.6}.import-table thead{position:sticky;top:0;z-index:10}.import-table th{padding:.75rem 1rem;background:linear-gradient(180deg, var(--table-header-from) 0%, var(--table-header-to) 100%);border-bottom:2px solid var(--border-color);color:var(--secondary-color);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.import-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle;min-width:120px}.import-table td[contenteditable=true]{cursor:text;outline:none;transition:all .15s ease}.import-table td[contenteditable=true]:focus{background-color:var(--primary-bg);box-shadow:inset 0 0 0 2px var(--primary-color)}.import-table td[contenteditable=true]:hover:not(:focus){background-color:var(--table-row-hover)}.import-table tbody tr{transition:background-color .15s ease}.import-table tbody tr:last-child td{border-bottom:none}.import-table__actions-header{width:60px;text-align:center}.import-table__actions{width:60px;text-align:center;padding:.25rem !important}.row-error{background-color:#fef2f2 !important}[data-theme=dark] .row-error{background-color:#450a0a !important}.row-error td[contenteditable=true]:focus{background-color:#fee2e2}[data-theme=dark] .row-error td[contenteditable=true]:focus{background-color:#7f1d1d}.row-duplicate-db{background-color:#fff7ed !important}[data-theme=dark] .row-duplicate-db{background-color:#431407 !important}.row-duplicate-import{background-color:#fefce8 !important}[data-theme=dark] .row-duplicate-import{background-color:#422006 !important}.cell-error{background-color:#fee2e2 !important;box-shadow:inset 0 0 0 2px #ef4444 !important}[data-theme=dark] .cell-error{background-color:#7f1d1d !important}.import-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;margin-top:.75rem;background-color:var(--bg-subtle);border-radius:.375rem;font-size:.8125rem}.import-stats span{color:var(--text-muted)}.import-stats strong{color:var(--text-color)}.import-stats .text-success strong{color:var(--success-color)}.import-stats .text-danger strong{color:var(--danger-color)}.import-progress{margin-bottom:1rem;padding:1rem;background-color:var(--bg-subtle);border-radius:.5rem}.import-progress.hidden{display:none}.progress-bar-container{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg, var(--primary-color), #60a5fa);border-radius:4px;transition:width .3s ease}.progress-text{margin:.5rem 0 0;color:var(--text-muted);font-size:.8125rem;text-align:center}.import-error-summary{margin-top:1rem;padding:1rem;background-color:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);border-radius:.5rem}.import-error-summary.hidden{display:none}.import-error-summary h4{margin:0 0 .75rem;color:var(--alert-danger-text);font-size:.875rem;font-weight:600}.import-error-list{margin:0;padding:0;list-style:none;max-height:200px;overflow-y:auto}.import-error{display:flex;gap:.5rem;padding:.375rem 0;border-bottom:1px solid var(--alert-danger-border);font-size:.8125rem}.import-error:last-child{border-bottom:none}.import-error__row{font-weight:600;color:var(--danger-hover)}.import-error__field{color:var(--danger-color);font-family:monospace}.import-error__message{color:var(--alert-danger-text)}.modal-content--large{max-width:900px;width:95%}.modal-content--large .modal-body{max-height:70vh;overflow-y:auto}.modal-content--large .modal-footer{display:flex;justify-content:space-between;gap:.75rem;padding:1rem 2rem;border-top:1px solid var(--border-color);background-color:var(--bg-subtle)}.btn-icon--danger{color:var(--text-muted)}.btn-icon--danger:hover{background-color:var(--btn-delete-bg);color:var(--btn-delete-color)}.hidden{display:none !important}.import-export-buttons{display:flex;gap:.5rem;align-items:center}.import-export-buttons .dropdown{position:relative}.import-export-buttons .dropdown.show .dropdown-menu{display:block}.import-export-buttons .dropdown.show .dropdown-arrow{transform:rotate(180deg)}.import-export-buttons .btn{display:inline-flex;align-items:center;gap:.375rem}.import-export-buttons .btn svg{flex-shrink:0}.import-export-buttons .dropdown-arrow{transition:transform .2s ease}.import-export-buttons .dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:180px;padding:.375rem 0;background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-theme=dark] .import-export-buttons .dropdown-menu{background-color:var(--card-bg);border-color:var(--border-color)}.import-export-buttons .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-color);text-decoration:none;transition:all .15s ease;cursor:pointer}.import-export-buttons .dropdown-item svg{flex-shrink:0;color:var(--text-muted);transition:color .15s ease}.import-export-buttons .dropdown-item:hover{background-color:var(--bg-subtle);color:var(--primary-color)}.import-export-buttons .dropdown-item:hover svg{color:var(--primary-color)}.variants-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.variants-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-color);font-size:1.125rem;font-weight:700}.variants-section-title svg{width:1.25rem;height:1.25rem;color:var(--primary-color)}@media(width <= 767px){.variants-section-title{font-size:1rem}}.variant-tabs-nav{display:flex;gap:.25rem;align-items:stretch;margin-bottom:0;padding-bottom:0;overflow-x:auto;border-bottom:2px solid var(--border-color);scrollbar-width:thin}.variant-tabs-nav::-webkit-scrollbar{height:4px}.variant-tabs-nav::-webkit-scrollbar-track{background:var(--bg-subtle)}.variant-tabs-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.variant-tab{position:relative;display:flex;gap:.5rem;align-items:center;min-width:max-content;padding:.75rem 1rem;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-bottom:none;border-radius:.5rem .5rem 0 0;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.variant-tab:hover:not(.is-active){background-color:var(--white);color:var(--text-color)}.variant-tab.is-active{background-color:var(--white);border-color:var(--border-color);color:var(--primary-color);margin-bottom:-2px;padding-bottom:calc(.75rem + 2px)}.variant-tab.is-active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--white)}[data-theme=dark] .variant-tab{background-color:var(--bg-subtle)}[data-theme=dark] .variant-tab.is-active{background-color:var(--card-bg)}@media(width <= 767px){.variant-tab{padding:.625rem .75rem;font-size:.8125rem}}.variant-tab-title{max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(width <= 767px){.variant-tab-title{max-width:100px}}.variant-tab-close{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:rgba(0,0,0,0);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.variant-tab-close svg{width:.75rem;height:.75rem}.variant-tab-close:hover{background-color:var(--danger-bg);color:var(--danger-color)}.variant-tab-close:disabled{opacity:.3;cursor:not-allowed}.variant-tab-close:disabled:hover{background:rgba(0,0,0,0);color:var(--text-muted)}.variant-tab-add{display:flex;gap:.375rem;align-items:center;padding:.75rem 1rem;background-color:rgba(0,0,0,0);border:1px dashed var(--border-color);border-bottom:none;border-radius:.5rem .5rem 0 0;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.variant-tab-add svg{width:1rem;height:1rem}.variant-tab-add:hover{background-color:var(--primary-bg);border-color:var(--primary-color)}@media(width <= 767px){.variant-tab-add{padding:.625rem .75rem;font-size:.8125rem}}.variant-tab-panels{position:relative}.variant-tab-panel{display:none;padding:1.5rem;background-color:var(--white);border:1px solid var(--border-color);border-top:none;border-radius:0 0 .75rem .75rem}.variant-tab-panel.is-active{display:block}[data-theme=dark] .variant-tab-panel{background-color:var(--card-bg)}@media(width <= 767px){.variant-tab-panel{padding:1rem}}.variant-color-image{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}@media(width <= 767px){.variant-color-image{margin-bottom:1rem;padding-bottom:1rem}}.variant-color-image-title{margin-bottom:.75rem;color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.variant-image-upload{display:flex;gap:1rem;align-items:flex-start}@media(width <= 767px){.variant-image-upload{flex-direction:column}}.variant-image-preview{position:relative;flex-shrink:0;width:120px;height:120px;overflow:hidden;background-color:var(--bg-color);border:2px dashed var(--border-color);border-radius:.5rem}.variant-image-preview.has-image{border-style:solid}.variant-image-preview img{width:100%;height:100%;object-fit:cover}@media(width <= 767px){.variant-image-preview{width:100px;height:100px}}.variant-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:.75rem;text-align:center}.variant-image-placeholder svg{width:2rem;height:2rem;margin-bottom:.25rem;opacity:.5}.variant-image-actions{display:flex;flex-direction:column;gap:.5rem}.variant-image-input{display:none}.btn-upload-image{display:inline-flex;gap:.375rem;align-items:center;padding:.5rem 1rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease}.btn-upload-image svg{width:1rem;height:1rem}.btn-upload-image:hover{border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .btn-upload-image{background-color:var(--bg-subtle)}.btn-remove-image{display:inline-flex;gap:.375rem;align-items:center;padding:.5rem 1rem;background-color:rgba(0,0,0,0);border:1px solid var(--danger-color);border-radius:.375rem;color:var(--danger-color);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease}.btn-remove-image svg{width:1rem;height:1rem}.btn-remove-image:hover{background-color:var(--danger-bg)}.variant-runs-list{display:flex;flex-direction:column;gap:1rem}.variant-runs-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.variant-runs-title h4{margin:0;color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.variant-run-card{overflow:hidden;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:.75rem;transition:box-shadow .2s ease}.variant-run-card:hover{box-shadow:var(--shadow-sm)}.variant-run-card.has-error{border-color:var(--danger-color)}[data-theme=dark] .variant-run-card{background-color:var(--bg-color)}.variant-run-header{display:grid;gap:1rem;padding:1rem;background:linear-gradient(180deg, var(--table-header-from) 0%, var(--table-header-to) 100%);border-bottom:1px solid var(--border-color);grid-template-columns:auto 1fr auto;grid-template-areas:"number fields actions" "pricing pricing pricing" "descriptions descriptions descriptions"}@media(width <= 767px){.variant-run-header{gap:.75rem;padding:.75rem;grid-template-columns:auto 1fr;grid-template-areas:"number fields" "pricing pricing" "descriptions descriptions" "actions actions"}}.variant-run-number{grid-area:number;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background-color:var(--primary-color);border-radius:50%;color:#fff;font-size:.875rem;font-weight:700}@media(width <= 767px){.variant-run-number{width:1.75rem;height:1.75rem;font-size:.8125rem}}.variant-run-fields{grid-area:fields;display:grid;gap:.75rem;grid-template-columns:repeat(4, 1fr);min-width:0}@media(width <= 1023px){.variant-run-fields{grid-template-columns:repeat(2, 1fr)}}@media(width <= 767px){.variant-run-fields{gap:.5rem;grid-template-columns:1fr 1fr}}.variant-run-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.variant-run-field-label{color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.variant-run-field-input{width:100%;padding:.5rem .625rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);font-size:.875rem;transition:all .2s ease}.variant-run-field-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(30,64,175,.1)}.variant-run-field-input.has-error{border-color:var(--danger-color)}.variant-run-field-input.has-error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.1)}[data-theme=dark] .variant-run-field-input{background-color:var(--input-bg)}[data-theme=dark] .variant-run-field-input:focus{box-shadow:0 0 0 2px rgba(59,130,246,.2)}@media(width <= 767px){.variant-run-field-input{padding:.375rem .5rem;font-size:.8125rem}}select.variant-run-field-input{padding-right:2rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px 10px;cursor:pointer;appearance:none}[data-theme=dark] select.variant-run-field-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.variant-run-actions{grid-area:actions;display:flex;gap:.5rem;align-items:flex-start;flex-shrink:0}@media(width <= 767px){.variant-run-actions{justify-content:flex-end}}.btn-remove-run{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:rgba(0,0,0,0);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-remove-run svg{width:1rem;height:1rem}.btn-remove-run:hover:not(:disabled){background-color:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.btn-remove-run:disabled{opacity:.3;cursor:not-allowed}.variant-run-pricing{grid-area:pricing;display:grid;gap:.75rem;grid-template-columns:repeat(4, 1fr);align-items:flex-start}@media(width <= 1023px){.variant-run-pricing{grid-template-columns:repeat(2, 1fr)}}@media(width <= 767px){.variant-run-pricing{gap:.5rem;grid-template-columns:1fr 1fr}}.variant-run-descriptions{grid-area:descriptions;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;align-items:flex-start}@media(width <= 767px){.variant-run-descriptions{gap:.5rem;grid-template-columns:1fr}}.variant-run-field-wide{grid-column:span 1}.input-with-prefix-sm{display:flex;align-items:stretch;position:relative}.input-with-prefix-sm .input-prefix{display:flex;align-items:center;justify-content:center;padding:0 .5rem;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-right:none;border-radius:.375rem 0 0 .375rem;color:var(--text-muted);font-size:.75rem;font-weight:500}[data-theme=dark] .input-with-prefix-sm .input-prefix{background-color:var(--bg-color)}.input-with-prefix-sm .variant-run-field-input{border-radius:0 .375rem .375rem 0;flex:1;min-width:0}.variant-run-image-override{padding:.75rem 1rem;background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color)}[data-theme=dark] .variant-run-image-override{background-color:var(--bg-color)}.variant-run-image-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.variant-run-image-toggle input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.variant-run-image-toggle span{color:var(--text-muted);font-size:.8125rem}.variant-run-image-upload{display:none;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color)}.variant-run-image-upload.is-visible{display:flex;gap:.75rem;align-items:center}.variant-run-image-preview{width:60px;height:60px;flex-shrink:0;overflow:hidden;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:.375rem}.variant-run-image-preview.has-image{border-style:solid}.variant-run-image-preview img{width:100%;height:100%;object-fit:cover}.variant-run-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.variant-run-image-placeholder svg{width:1.5rem;height:1.5rem;opacity:.5}.variant-run-body{padding:1rem}@media(width <= 767px){.variant-run-body{padding:.75rem}}.variant-run-inventory{display:block}.variant-run-inventory-title{margin-bottom:.5rem;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.variant-run-inventory-empty{padding:1.5rem;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:.5rem;color:var(--text-muted);font-size:.875rem;text-align:center}.variant-run-inventory-empty svg{width:1.5rem;height:1.5rem;margin-bottom:.25rem;opacity:.5}.btn-add-run{display:flex;gap:.5rem;align-items:center;justify-content:center;width:100%;padding:.875rem 1rem;background-color:rgba(0,0,0,0);border:2px dashed var(--border-color);border-radius:.75rem;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.btn-add-run svg{width:1.125rem;height:1.125rem}.btn-add-run:hover{background-color:var(--primary-bg);border-color:var(--primary-color)}@media(width <= 767px){.btn-add-run{padding:.75rem;font-size:.8125rem}}.field-error{display:block;margin-top:.25rem;color:var(--danger-color);font-size:.75rem;font-weight:500}.variant-validation-summary{display:none;margin-bottom:1rem;padding:1rem;background-color:var(--danger-bg);border:1px solid var(--danger-color);border-radius:.5rem}.variant-validation-summary.is-visible{display:block}.variant-validation-summary h4{margin:0 0 .5rem;color:var(--danger-color);font-size:.875rem;font-weight:600}.variant-validation-summary ul{margin:0;padding-left:1.25rem;color:var(--danger-color);font-size:.8125rem}.variant-validation-summary li{margin-bottom:.25rem}.variant-validation-summary li:last-child{margin-bottom:0}.variant-submit-section{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}@media(width <= 767px){.variant-submit-section{flex-direction:column;gap:.75rem}}.variant-summary{display:flex;gap:1rem;align-items:center;color:var(--text-muted);font-size:.875rem}.variant-summary .summary-item{display:flex;gap:.25rem;align-items:center}.variant-summary .summary-item .count{color:var(--primary-color);font-weight:700}@media(width <= 767px){.variant-summary{width:100%;justify-content:center;font-size:.8125rem}}.variant-submit-actions{display:flex;gap:.75rem}@media(width <= 767px){.variant-submit-actions{width:100%;flex-direction:column}}.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg, var(--auth-gradient-from) 0%, var(--auth-gradient-to) 100%)}.auth-card{width:100%;max-width:420px;padding:2.5rem;background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg)}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{margin-bottom:.5rem;color:var(--text-color);font-size:1.875rem;font-weight:800;letter-spacing:-0.025em}.auth-header p{margin:0;color:var(--text-muted);font-size:.9375rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.detail-card.full-width{grid-column:1/-1}.detail-card-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.detail-list{display:grid;gap:.75rem;margin:0;padding:0}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item dt{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.detail-item dd{font-size:.9375rem;color:var(--text-color);margin:0}.detail-item dd a{color:var(--primary-color);text-decoration:none}.detail-item dd a:hover{text-decoration:underline}.detail-observations{color:var(--text-color);line-height:1.6;margin:0}.detail-observations p{margin:0 0 .5rem 0}.detail-observations p:last-child{margin-bottom:0}.form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.form-section legend{font-size:1rem;font-weight:600;color:var(--text-color);padding:0 .5rem;margin-left:-0.5rem}.table-link{color:var(--primary-color);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline}.inventory-container{max-width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color);overflow:hidden}.inventory-title{margin-bottom:.75rem;color:var(--text-color);font-size:1rem;font-weight:600}@media(width <= 767px){.inventory-title{margin-bottom:.5rem;font-size:.9375rem}}.inventory-table-custom{width:100%;max-width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}@media(width <= 767px){.inventory-table-custom{font-size:.8125rem}}.inventory-table-custom thead{position:sticky;top:0;z-index:10}.inventory-table-custom thead th{padding:.75rem .5rem;border-bottom:2px solid var(--border-color);background:linear-gradient(180deg, var(--table-header-from) 0%, var(--table-header-to) 100%);color:var(--secondary-color);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase;white-space:nowrap}@media(width <= 767px){.inventory-table-custom thead th{padding:.5rem .375rem;font-size:.75rem}}.inventory-table-custom thead .btn-increment{width:1.25rem;min-width:1.25rem;height:1.25rem;border-color:var(--border-color);background-color:var(--white);color:var(--secondary-color)}.inventory-table-custom thead .btn-increment:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.inventory-table-custom thead .btn-increment svg{width:.75rem;height:.75rem}@media(width <= 767px){.inventory-table-custom thead .btn-increment svg{width:.625rem;height:.625rem}}@media(width <= 767px){.inventory-table-custom thead .btn-increment{width:1rem;min-width:1rem;height:1rem}}.inventory-table-custom [data-theme=dark] thead .btn-increment{border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1);color:var(--secondary-color)}.inventory-table-custom [data-theme=dark] thead .btn-increment:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.inventory-table-custom tbody td{padding:.75rem .5rem;border-bottom:1px solid var(--border-color);color:var(--text-color);text-align:center;vertical-align:middle}@media(width <= 767px){.inventory-table-custom tbody td{padding:.375rem .25rem}}.inventory-table-custom tbody td:first-child{width:70px;color:var(--primary-color);font-size:.875rem;font-weight:600}@media(width <= 767px){.inventory-table-custom tbody td:first-child{width:55px;font-size:.8125rem}}.inventory-table-custom tbody td:nth-child(2),.inventory-table-custom tbody td:nth-child(3){width:100px}@media(width <= 767px){.inventory-table-custom tbody td:nth-child(2),.inventory-table-custom tbody td:nth-child(3){width:80px}}.inventory-table-custom tbody tr{transition:background-color .15s ease}.inventory-table-custom tbody tr:hover{background-color:var(--table-row-hover)}.toolbar-search{flex:1;max-width:320px}@media(width <= 1023px){.toolbar-search{flex-basis:100%;max-width:100%;margin-bottom:.5rem;order:-1}}.toolbar-panels{margin-top:1.5rem}.tool-panel{display:none;max-height:0;margin-bottom:1rem;padding:1.5rem;overflow:hidden;background-color:var(--white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow);opacity:0;transition:all .3s ease}.tool-panel.is-open{display:block;max-height:2000px;opacity:1}[data-theme=dark] .tool-panel{border-color:var(--border-color);background-color:var(--white)}@media(width <= 767px){.tool-panel{padding:1rem}}.qr-config-section{margin-bottom:1.5rem}.qr-config-section h4{margin-bottom:.75rem;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media(width <= 767px){.qr-config-section{margin-bottom:1rem}}.qr-preview{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background-color:var(--bg-color);border:2px dashed var(--border-color);border-radius:.5rem;text-align:center}[data-theme=dark] .qr-preview{border-color:var(--border-color);background-color:var(--bg-color)}.canvas-controls{display:flex;flex-wrap:wrap;gap:.5rem}.canvas-container{overflow:hidden;background-color:var(--bg-color);border:2px dashed var(--border-color);border-radius:.5rem}.canvas-wrapper{position:relative;max-height:400px;overflow:auto}.label-canvas{position:relative;width:300px;min-height:200px;margin:1rem auto;background:#fff;border:1px solid var(--border-color-light);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:crosshair}.canvas-element{position:absolute;border:2px solid rgba(0,0,0,0);cursor:move;transition:border-color .2s;user-select:none}.canvas-element:hover{border-color:var(--primary-color)}.canvas-element.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.canvas-element .resize-handle{position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;background:var(--primary-color);border-radius:2px;cursor:nw-resize}.canvas-element.qr-element{display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:4px;color:#666;font-size:10px}.canvas-element.text-element{display:flex;align-items:center;padding:2px 4px;background:hsla(0,0%,100%,.9);border-radius:2px;font-family:Arial,sans-serif}.canvas-info{padding:.5rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-subtle);font-size:.875rem}.element-properties-panel{padding:1rem;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:.375rem}.layout-preview-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3, 1fr)}@media(width <= 1023px){.layout-preview-grid{grid-template-columns:1fr}}.layout-preview-option{padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.layout-preview-option:hover{border-color:var(--primary-color);background-color:rgba(30,64,175,.05);transform:scale(1.02)}.layout-preview-option.selected{border-color:var(--primary-color);background-color:rgba(30,64,175,.05)}[data-theme=dark] .layout-preview-option{border-color:var(--border-color)}[data-theme=dark] .layout-preview-option:hover,[data-theme=dark] .layout-preview-option.selected{border-color:var(--primary-color);background-color:rgba(59,130,246,.1)}.stock-status-low{color:var(--warning-color);font-weight:600}.stock-status-out{color:var(--danger-color);font-weight:700}.inventory-grouped-container{display:flex;flex-direction:column;gap:1.5rem}@media(width <= 767px){.inventory-grouped-container{gap:1rem}}.inventory-product-card{overflow:hidden;background-color:var(--white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.inventory-product-card:hover{box-shadow:var(--shadow)}[data-theme=dark] .inventory-product-card{border-color:var(--border-color);background-color:var(--card-bg)}.inventory-product-header{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;background:linear-gradient(180deg, var(--table-header-from) 0%, var(--table-header-to) 100%);border-bottom:1px solid var(--border-color)}@media(width <= 767px){.inventory-product-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}}.product-select-group{display:flex;flex-shrink:0;align-items:center;padding-top:.25rem}.product-select-group input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.inventory-product-header .product-image-container{display:block;flex-shrink:0;flex-direction:unset;gap:unset;width:auto;height:100px;align-self:auto;padding:0;margin-bottom:0;overflow:hidden;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem}.inventory-product-header .product-image-container img{width:auto;height:100px;object-fit:cover}@media(width <= 767px){.inventory-product-header .product-image-container img{width:auto;height:70px}}@media(width <= 767px){.inventory-product-header .product-image-container{width:auto;height:70px}}.inventory-product-header .product-image-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;gap:0;padding:0;background-color:rgba(0,0,0,0);border:none;color:var(--text-muted)}.inventory-product-header .product-image-placeholder svg{width:2.5rem;height:2.5rem;opacity:.5}.product-main-info{display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:0}.product-code-title{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.product-code{color:var(--primary-color);font-size:1.125rem;font-weight:700}@media(width <= 767px){.product-code{font-size:1rem}}.product-code-link{color:var(--primary-color);text-decoration:none;transition:color .2s}.product-code-link:hover{color:var(--primary-hover);text-decoration:underline}.product-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--text-muted);font-size:.8125rem}.product-meta-item{display:flex;gap:.25rem;align-items:center}.product-meta-item .label{color:var(--text-muted);font-weight:500}.product-meta-item .value{color:var(--text-color);font-weight:600}.product-details{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem;align-items:center}@media(width <= 767px){.product-details{flex-basis:100%;flex-wrap:wrap;justify-content:flex-start}}.product-detail-badge{display:inline-flex;gap:.25rem;align-items:baseline;padding:.25rem .5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:.25rem;font-size:.6875rem;line-height:1.2;white-space:nowrap}.product-detail-badge .detail-label{color:var(--text-muted);font-weight:500}.product-detail-badge .detail-value{color:var(--text-color);font-weight:600}.product-detail-badge.total-stock{background-color:var(--primary-color);border-color:var(--primary-color)}.product-detail-badge.total-stock .detail-label,.product-detail-badge.total-stock .detail-value{color:#fff}[data-theme=dark] .product-detail-badge{background-color:var(--bg-subtle);border-color:var(--border-color)}[data-theme=dark] .product-detail-badge.total-stock{background-color:var(--primary-color);border-color:var(--primary-color)}.inventory-sizes-horizontal{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color-light)}@media(width <= 1023px){.inventory-sizes-horizontal{display:none}}.size-chip{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:.5rem;font-size:.8125rem;transition:all .15s ease}.size-chip:hover{border-color:var(--primary-color)}.size-chip:hover .size-chip-view{background-color:var(--primary-bg);color:var(--primary-color)}.size-chip:has(.size-chip-checkbox:checked){background-color:var(--primary-bg);border-color:var(--primary-color)}.size-chip.stock-normal .size-chip-stock{background-color:var(--success-bg);color:var(--success-color)}.size-chip.stock-warning{background-color:rgba(245,158,11,.05);border-color:var(--warning-color)}.size-chip.stock-warning .size-chip-stock{background-color:var(--warning-bg);color:var(--warning-color)}.size-chip.stock-danger{background-color:rgba(239,68,68,.05);border-color:var(--danger-color)}.size-chip.stock-danger .size-chip-stock{background-color:var(--danger-bg);color:var(--danger-color)}[data-theme=dark] .size-chip{background-color:var(--bg-subtle)}[data-theme=dark] .size-chip:has(.size-chip-checkbox:checked){background-color:rgba(59,130,246,.2)}.size-chip-view{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);transition:all .15s ease}.size-chip-view:hover{background-color:var(--primary-color);color:#fff}.size-chip-view svg{width:1rem;height:1rem}.size-chip-content{display:inline-flex;gap:.25rem;align-items:center;padding:.375rem .5rem;cursor:pointer}.size-chip-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;cursor:pointer}.size-chip-checkbox:focus-visible+.size-chip-size{outline:2px solid var(--primary-color);outline-offset:2px}.size-chip-size{color:var(--text-color);font-weight:600}.size-chip-stock{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .375rem;background-color:var(--success-bg);border-radius:9999px;color:var(--success-color);font-size:.75rem;font-weight:600}.size-chip-displayed{color:var(--warning-color);font-size:1rem}.inventory-sizes-table{display:none;width:100%;border-collapse:collapse;font-size:.875rem}@media(width <= 1023px){.inventory-sizes-table{display:table}}@media(width <= 767px){.inventory-sizes-table{font-size:.8125rem}}.inventory-sizes-table thead th{padding:.625rem .75rem;background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-align:center;text-transform:uppercase}.inventory-sizes-table thead th:first-child{width:50px;text-align:center}.inventory-sizes-table thead th.col-size{width:80px}.inventory-sizes-table thead th.col-stock{width:100px}.inventory-sizes-table thead th.col-min-stock{width:100px}.inventory-sizes-table thead th.col-actions{width:80px}@media(width <= 767px){.inventory-sizes-table thead th{padding:.5rem;font-size:.625rem}}.inventory-sizes-table tbody tr{transition:background-color .15s ease}.inventory-sizes-table tbody tr:hover{background-color:var(--table-row-hover)}.inventory-sizes-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color-light)}.inventory-sizes-table tbody tr.stock-warning{background-color:rgba(245,158,11,.08)}.inventory-sizes-table tbody tr.stock-warning:hover{background-color:rgba(245,158,11,.15)}.inventory-sizes-table tbody tr.stock-danger{background-color:rgba(239,68,68,.08)}.inventory-sizes-table tbody tr.stock-danger:hover{background-color:rgba(239,68,68,.15)}.inventory-sizes-table tbody td{padding:.625rem .75rem;color:var(--text-color);text-align:center;vertical-align:middle}.inventory-sizes-table tbody td:first-child{text-align:center}@media(width <= 767px){.inventory-sizes-table tbody td{padding:.5rem}}.size-cell{font-size:1rem;font-weight:600}@media(width <= 767px){.size-cell{font-size:.9375rem}}.stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.25rem .625rem;border-radius:9999px;font-size:.875rem;font-weight:600}.stock-badge.stock-normal{background-color:var(--success-bg);color:var(--success-color)}.stock-badge.stock-warning{background-color:var(--warning-bg);color:var(--warning-color)}.stock-badge.stock-danger{background-color:var(--danger-bg);color:var(--danger-color)}@media(width <= 767px){.stock-badge{min-width:2rem;padding:.125rem .5rem;font-size:.8125rem}}.min-stock-cell{color:var(--text-muted);font-size:.8125rem}.size-actions{display:flex;gap:.375rem;justify-content:center}.btn-size-action{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background-color:rgba(0,0,0,0);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-size-action svg{width:.875rem;height:.875rem}.btn-size-action:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-size-action.btn-view:hover{background-color:var(--info-color);border-color:var(--info-color)}@media(width <= 767px){.btn-size-action{width:1.5rem;height:1.5rem}.btn-size-action svg{width:.75rem;height:.75rem}}.inventory-empty-state{padding:3rem 1.5rem;background-color:var(--white);border:2px dashed var(--border-color);border-radius:.75rem;text-align:center}.inventory-empty-state svg{width:3rem;height:3rem;margin-bottom:1rem;color:var(--text-muted);opacity:.5}.inventory-empty-state p{margin:0;color:var(--text-muted);font-size:.9375rem}[data-theme=dark] .inventory-empty-state{border-color:var(--border-color);background-color:var(--card-bg)}.inventory-detail-card{position:relative}.inventory-detail-wrapper{display:grid;gap:2rem;grid-template-columns:1fr auto;align-items:flex-start}@media(width <= 767px){.inventory-detail-wrapper{grid-template-columns:1fr;gap:1.5rem}}.inventory-details{flex:1;min-width:0}.inventory-image{flex-shrink:0}.inventory-image img{max-width:180px;height:auto;border-radius:.5rem;box-shadow:var(--shadow-md);object-fit:contain;object-position:center}@media(width <= 767px){.inventory-image{display:flex;justify-content:center;width:100%;max-width:150px;margin:0 auto}.inventory-image img{max-width:100%}}.sizes-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.sizes-section-title{margin-bottom:1.5rem;color:var(--text-color);font-size:1.125rem;font-weight:600}@media(width <= 767px){.sizes-section-title{margin-bottom:1rem;font-size:1rem}}.size-run-section{margin-bottom:2rem}.size-run-section:last-child{margin-bottom:0}@media(width <= 767px){.size-run-section{margin-bottom:1.5rem}}.size-run-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.size-run-header h3{margin:0;color:var(--primary-color);font-size:1rem;font-weight:600;letter-spacing:.025em}@media(width <= 767px){.size-run-header h3{font-size:.9375rem}}.size-run-sample{display:inline;margin-left:.75rem;color:var(--text-color);font-size:.875rem;font-weight:400;letter-spacing:0;text-transform:none}.size-run-sample strong{font-weight:700;color:var(--warning-color)}.table.product-table{font-size:.875rem}@media(width <= 767px){.table.product-table{font-size:.8125rem}}.table.product-table thead th{text-align:center}.table.product-table tbody tr{transition:background-color .15s ease}.table.product-table tbody tr:hover{background-color:rgba(30,64,175,.05)}.table.product-table tbody tr.current-size{background-color:rgba(30,64,175,.08);font-weight:500}.table.product-table tbody tr.current-size td{font-weight:600}[data-theme=dark] .table.product-table tbody tr.current-size{background-color:rgba(59,130,246,.12)}.table.product-table tbody tr.current-size:hover{background-color:rgba(30,64,175,.12)}[data-theme=dark] .table.product-table tbody tr.current-size:hover{background-color:rgba(59,130,246,.16)}[data-theme=dark] .table.product-table tbody tr:hover{background-color:rgba(59,130,246,.1)}.table.product-table tbody td{text-align:center;vertical-align:middle}.table.product-table tbody td.display-icon-cell{padding:.5rem 0}.table.product-table tbody td.size-cell{text-align:center;font-weight:500;color:var(--primary-color)}.table.product-table tbody td.size-cell strong{font-weight:700}.table.product-table tbody td.stock-cell,.table.product-table tbody td.minimum-stock-cell{font-family:"Courier New",monospace;font-weight:500}.table.product-table tbody td.status-cell{padding:.5rem}.table.product-table [data-theme=dark] tbody tr:hover{background-color:#334155}.table.product-table [data-theme=dark] tbody tr.current-size{background-color:rgba(59,130,246,.1)}.table.product-table [data-theme=dark] tbody tr.current-size:hover{background-color:rgba(59,130,246,.15)}.stock-badge{display:inline-block;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.stock-badge.stock-badge-success{background-color:rgba(22,163,74,.1);color:var(--success-color)}[data-theme=dark] .stock-badge.stock-badge-success{background-color:rgba(22,163,74,.15);color:#4ade80}.stock-badge.stock-badge-warning{background-color:rgba(245,158,11,.1);color:var(--warning-color)}[data-theme=dark] .stock-badge.stock-badge-warning{background-color:rgba(245,158,11,.15);color:#fbbf24}.stock-badge.stock-badge-danger{background-color:rgba(220,38,38,.1);color:var(--danger-color)}[data-theme=dark] .stock-badge.stock-badge-danger{background-color:rgba(220,38,38,.15);color:#f87171}@media(width <= 767px){.stock-badge{padding:.25rem .5rem;font-size:.6875rem}}.empty-state{padding:2rem;text-align:center;color:var(--text-muted);background-color:var(--bg-color);border:2px dashed var(--border-color);border-radius:.5rem}.empty-state p{margin:0;font-size:.9375rem}[data-theme=dark] .empty-state{border-color:var(--border-color);background-color:var(--bg-color)}.table-container{overflow-x:auto;margin-bottom:1rem}@media(width <= 767px){.table-container{margin-bottom:.75rem}.table-container .table{min-width:500px}}.badge-sample{display:inline-block;padding:.375rem .75rem;background-color:var(--warning-color);color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 4px rgba(245,158,11,.2)}@media(width <= 767px){.badge-sample{padding:.25rem .5rem;font-size:.6875rem}}.badge-no-sample{display:inline-block;padding:.375rem .75rem;background-color:var(--badge-muted-bg);color:var(--badge-muted-text);border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.05)}@media(width <= 767px){.badge-no-sample{padding:.25rem .5rem;font-size:.6875rem}}.product-detail-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(width >= 768px){.product-detail-grid{grid-template-columns:1fr 1fr}}.product-detail-grid-compact{display:grid;gap:.875rem;grid-template-columns:1fr}@media(width >= 768px){.product-detail-grid-compact{gap:1rem;grid-template-columns:repeat(3, 1fr)}}@media(width >= 1200px){.product-detail-grid-compact{gap:1.25rem}}.detail-item{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.product-detail-grid-compact .detail-item{padding-bottom:.75rem}.detail-item.full-width{grid-column:span 1}@media(width >= 768px){.detail-item.full-width{grid-column:span 2}.product-detail-grid-compact .detail-item.full-width{grid-column:span 3}}.detail-label{display:block;margin-bottom:.375rem;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:var(--text-color);font-size:.9375rem;font-weight:500}.detail-section{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.detail-section.full-width{grid-column:1/-1}.detail-section .detail-item{border-bottom:none;padding-bottom:.5rem}.detail-section .detail-item:last-child{padding-bottom:0}.detail-section-title{font-size:.875rem;font-weight:600;color:var(--text-color);margin:0 0 1rem 0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.qr-editor-container{outline:none}.qr-editor-layout{display:grid;gap:2rem;grid-template-columns:350px 1fr;height:calc(100vh - 200px);min-height:600px}@media(width <= 1023px){.qr-editor-layout{grid-template-columns:1fr;height:auto}}.qr-config-panel{max-height:100%;overflow-y:auto;background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem}.config-section{padding:1.5rem;border-bottom:1px solid var(--border-color)}.config-section:last-child{border-bottom:none}.config-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.config-section h4{margin:1rem 0 .5rem;color:var(--text-muted);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.element-buttons{margin-bottom:1.5rem}.text-element-buttons{margin-bottom:1.5rem}.field-buttons-grid{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.field-buttons-grid button{padding:.375rem .5rem;overflow:hidden;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.custom-dimensions-grid,.font-style-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-label-sm{display:block;margin-bottom:.25rem;color:var(--text-primary);font-size:.75rem;font-weight:600}.canvas-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.properties-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.element-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.qr-canvas-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem}@media(width <= 1023px){.qr-canvas-panel{min-height:500px}}.canvas-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-subtle)}.canvas-header h3{margin:0 0 .5rem;font-size:1.125rem}.canvas-instructions{margin:0;color:var(--text-muted);font-size:.875rem}.qr-editor-layout .canvas-container{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:2rem;overflow:auto;background:var(--bg-subtle);border:none;border-radius:0}.qr-editor-layout .canvas-wrapper{position:relative;max-width:100%;max-height:100%;overflow:visible;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.qr-editor-layout .label-canvas{position:relative;min-width:200px;min-height:200px;margin:0 auto;background:#fff;background-image:linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);border:1px solid var(--text-color);cursor:crosshair;box-sizing:content-box;background-size:10px 10px}.qr-editor-layout .canvas-element.text-element{min-height:25px;padding:3px 6px;overflow:hidden;font-size:14px;font-weight:500;white-space:nowrap;word-wrap:break-word;text-overflow:ellipsis}.form-actions,.form-actions-horizontal{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--border-color)}.form-actions .btn,.form-actions-horizontal .btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out}.form-actions{justify-content:flex-end}.form-actions-horizontal{justify-content:flex-start}.form-actions-horizontal .actions-group{display:flex;align-items:center;gap:.75rem}.content-header{margin-bottom:1.5rem}.content-header .header-actions{display:flex;align-items:center;gap:.75rem}.content-header .btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500}.templates-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}.template-card{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;transition:box-shadow .2s ease}.template-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.template-preview{display:flex;align-items:center;justify-content:center;min-height:130px;padding:1rem;background:var(--bg-subtle)}.template-canvas{border-radius:4px}.template-info{flex:1;min-height:90px;padding:1rem}.template-info h4{margin:0 0 .5rem;font-size:1.125rem}.template-size{margin:0;color:var(--text-muted);font-size:.875rem}.template-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;padding:1rem;background:var(--bg-subtle)}.template-actions .btn{padding:.375rem .75rem;font-size:.875rem}.template-actions .dropdown{position:relative}.template-actions .dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;min-width:150px;background:#fff;border:1px solid var(--border-color);border-radius:.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.template-actions .dropdown.show .dropdown-menu{display:block}.template-actions .dropdown-item{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;text-decoration:none;cursor:pointer}.template-actions .btn-outline-danger{border-color:var(--danger-color);color:var(--danger-color)}.template-actions .btn-outline-danger:hover{background-color:var(--danger-color);color:#fff}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem}.empty-content{max-width:400px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon svg{width:4rem;height:4rem;color:var(--text-muted)}.venta-module .btn{min-height:48px;padding:.75rem 1.25rem}.venta-module .search-section{margin-bottom:1.5rem}.venta-module .search-header{display:flex;gap:1rem;align-items:stretch;flex-wrap:wrap}@media(max-width: 768px){.venta-module .search-header{flex-direction:column}}.venta-module .search-input-wrapper{flex:1;min-width:250px}.venta-module .scan-button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:150px;font-size:1rem;font-weight:600;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.venta-module .scan-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.venta-module .scan-button:active{transform:translateY(0)}.venta-module .scan-button svg{width:24px;height:24px}.venta-module .empty-search-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.venta-module .empty-search-state .empty-icon{width:80px;height:80px;margin-bottom:1.5rem;opacity:.5}.venta-module .empty-search-state .empty-icon svg{width:100%;height:100%}.venta-module .empty-search-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-color)}.venta-module .empty-search-state p{max-width:400px;line-height:1.6}.venta-module .product-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.venta-module .product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s ease;cursor:pointer}.venta-module .product-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.venta-module .product-card:active{transform:scale(0.98)}.venta-module .product-card .product-card-header{display:flex;gap:1rem;margin-bottom:1rem}.venta-module .product-card .product-card-image{width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--bg-subtle)}.venta-module .product-card .product-card-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.venta-module .product-card .no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border-radius:8px;color:var(--text-muted)}.venta-module .product-card .product-card-info{flex:1;min-width:0}.venta-module .product-card .product-card-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venta-module .product-card .product-card-info .product-meta{font-size:.875rem;color:var(--text-muted);line-height:1.4}.venta-module .product-card .product-card-info .product-size{margin-top:.5rem;font-size:.875rem}.venta-module .product-card .product-card-info .product-size .size-label{color:var(--text-muted)}.venta-module .product-card .product-card-info .product-size .size-value{font-weight:600;color:var(--text-color)}.venta-module .product-card .product-card-body{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.venta-module .product-card .product-card-price{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.venta-module .product-card .product-card-sizes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.venta-module .product-card .size-tag{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:36px;padding:0 .5rem;font-size:.875rem;font-weight:500;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border-color)}.venta-module .product-card .size-tag.in-stock{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.venta-module .product-card .size-tag.low-stock{background:var(--warning-bg);border-color:var(--warning-color);color:var(--warning-color)}.venta-module .product-card .size-tag.out-of-stock{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color);opacity:.6}.venta-module .warehouse-request-form .form-group{margin-bottom:1.25rem}.venta-module .warehouse-request-form .priority-selector{display:flex;gap:.75rem}.venta-module .warehouse-request-form .priority-selector .priority-option{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.venta-module .warehouse-request-form .priority-selector .priority-option input{display:none}.venta-module .warehouse-request-form .priority-selector .priority-option:has(input:checked){border-color:var(--primary-color);background:var(--primary-bg)}.venta-module .warehouse-request-form .priority-selector .priority-option.urgent:has(input:checked){border-color:var(--danger-color);background:var(--danger-bg)}.venta-module .sale-order-cart .cart-items{list-style:none;padding:0;margin:0}.venta-module .sale-order-cart .cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.venta-module .sale-order-cart .cart-item:last-child{border-bottom:none}.venta-module .sale-order-cart .cart-item .cart-item-info{flex:1;min-width:0}.venta-module .sale-order-cart .cart-item .cart-item-info h5{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.venta-module .sale-order-cart .cart-item .cart-item-info .cart-item-meta{font-size:.8125rem;color:var(--text-muted)}.venta-module .sale-order-cart .cart-item .cart-item-quantity{display:flex;align-items:center;gap:.5rem}.venta-module .sale-order-cart .cart-item .cart-item-quantity button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);cursor:pointer}.venta-module .sale-order-cart .cart-item .cart-item-quantity button:hover{background:var(--bg-subtle)}.venta-module .sale-order-cart .cart-item .cart-item-quantity span{min-width:40px;text-align:center;font-weight:600}.venta-module .sale-order-cart .cart-item .cart-item-price{font-weight:600;color:var(--primary-color);min-width:80px;text-align:right}.venta-module .sale-order-cart .cart-item .cart-item-remove{color:var(--danger-color);background:none;border:none;cursor:pointer;padding:.5rem}.venta-module .sale-order-cart .cart-item .cart-item-remove:hover{opacity:.7}.venta-module .sale-order-cart .cart-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-subtle);border-radius:8px;margin-top:1rem}.venta-module .sale-order-cart .cart-total .total-label{font-size:1rem;font-weight:500}.venta-module .sale-order-cart .cart-total .total-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.venta-module .sale-order-cart .cart-actions{display:flex;gap:1rem;margin-top:1.5rem}.venta-module .sale-order-cart .cart-actions .btn{flex:1}.venta-module .requests-list{display:flex;flex-direction:column;gap:1rem}.venta-module .request-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.venta-module .request-card.priority-urgent{border-left:4px solid var(--danger-color)}.venta-module .request-card .request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.venta-module .request-card .request-header .request-id{font-weight:600;color:var(--text-muted)}.venta-module .request-card .request-header .request-priority{padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:4px}.venta-module .request-card .request-header .request-priority.normal{background:var(--bg-subtle);color:var(--text-muted)}.venta-module .request-card .request-header .request-priority.urgent{background:var(--danger-bg);color:var(--danger-color)}.venta-module .request-card .request-product{margin-bottom:.75rem}.venta-module .request-card .request-product h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.venta-module .request-card .request-product .product-details{font-size:.875rem;color:var(--text-muted)}.venta-module .request-card .request-info{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-muted)}.venta-module .request-card .request-info .info-item{display:flex;align-items:center;gap:.25rem}.venta-module .request-card .request-info .info-item strong{color:var(--text-color)}.venta-module .request-card .request-status{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-full);margin-top:.75rem}.venta-module .request-card .request-status.pending{background:var(--warning-bg);color:var(--warning-color)}.venta-module .request-card .request-status.in_progress{background:var(--alert-info-bg);color:var(--info-color)}.venta-module .request-card .request-status.completed{background:var(--success-bg);color:var(--success-color)}.venta-module .request-card .request-status.rejected{background:var(--danger-bg);color:var(--danger-color)}.venta-module .request-card .request-status.cancelled{background:var(--bg-subtle);color:var(--text-muted)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;color:#fff;background:var(--primary-color);border-radius:10px;margin-left:auto}.nav-badge.nav-badge-danger{background:var(--danger-color)}.nav-badge.nav-badge-warning{background:var(--warning-color);color:var(--text-color)}.scanner-wrapper{margin-bottom:1.5rem}.scanner-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);overflow:hidden;margin-top:1rem}.scanner-container.hidden{display:none}.scanner-container #scanner-video{width:100%;min-height:300px;background:#000}.scanner-container #scanner-video video{width:100%;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.camera-permission{padding:2rem;text-align:center;background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:var(--radius-lg, 12px);margin-top:1rem}.camera-permission.hidden{display:none}.camera-permission .permission-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--warning-color)}.camera-permission .permission-icon svg{width:100%;height:100%}.camera-permission h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-color)}.camera-permission p{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto}.product-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.product-card-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;text-decoration:none}.product-card-actions .btn i,.product-card-actions .btn svg{font-size:1rem;width:16px;height:16px}.product-card-actions .btn-outline-primary{background:rgba(0,0,0,0);border:1px solid var(--primary-color);color:var(--primary-color)}.product-card-actions .btn-outline-primary:hover{background:var(--primary-color);color:#fff}.product-card-actions .btn-primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.product-card-actions .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.stock-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm, 4px)}.stock-indicator.stock-good{background:var(--success-bg);color:var(--success-color)}.stock-indicator.stock-low{background:var(--warning-bg);color:var(--warning-color)}.stock-indicator.stock-out{background:var(--danger-bg);color:var(--danger-color)}.search-results-container{min-height:200px}.scanner-close{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem auto;padding:.75rem 1.5rem}.scanner-hint{text-align:center;padding:.75rem;margin:0;font-size:.875rem;color:var(--text-muted);background:var(--bg-subtle);border-top:1px solid var(--border-color)}.scanner-overlay{position:relative}.scanner-overlay .scanner-frame{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:200px;border:2px solid var(--primary-color);border-radius:8px;pointer-events:none}.scanner-overlay .scanner-frame::before,.scanner-overlay .scanner-frame::after{content:"";position:absolute;width:20px;height:20px;border-color:var(--primary-color);border-style:solid}.scanner-overlay .scanner-frame::before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:4px 0 0 0}.scanner-overlay .scanner-frame::after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 4px 0}.caja-module .btn{min-height:48px;padding:.75rem 1.25rem}.caja-module .orders-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.caja-module .orders-dashboard .dashboard-header h2{display:flex;align-items:center;gap:.75rem}.caja-module .orders-dashboard .dashboard-header h2 .orders-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:.875rem;font-weight:600;color:#fff;background:var(--danger-color);border-radius:14px}.caja-module .sale-orders-list{display:flex;flex-direction:column;gap:1rem}.caja-module .sale-order-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.caja-module .sale-order-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.caja-module .sale-order-card.new-order{animation:pulse-border 2s ease infinite}.caja-module .sale-order-card .order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.caja-module .sale-order-card .order-header .order-number{font-size:1.125rem;font-weight:700}.caja-module .sale-order-card .order-header .order-time{font-size:.875rem;color:var(--text-muted)}.caja-module .sale-order-card .order-seller{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9375rem}.caja-module .sale-order-card .order-seller .seller-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-bg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.caja-module .sale-order-card .order-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:1rem}.caja-module .sale-order-card .order-summary .items-count{font-size:.9375rem;color:var(--text-muted)}.caja-module .sale-order-card .order-summary .items-count strong{color:var(--text-color)}.caja-module .sale-order-card .order-summary .order-total{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.caja-module .sale-order-card .order-actions{display:flex;gap:.75rem}.caja-module .sale-order-card .order-actions .btn{flex:1}@keyframes pulse-border{0%,100%{border-color:var(--primary-color);box-shadow:0 0 0 0 var(--primary-bg)}50%{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-bg)}}.caja-module .order-detail .order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.caja-module .order-detail .order-detail-header .order-info h2{font-size:1.5rem;margin-bottom:.5rem}.caja-module .order-detail .order-detail-header .order-info .order-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9375rem;color:var(--text-muted)}.caja-module .order-detail .order-detail-header .order-info .order-meta .meta-item{display:flex;align-items:center;gap:.25rem}.caja-module .order-detail .order-detail-header .order-status-badge{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-full)}.caja-module .order-detail .order-detail-header .order-status-badge.submitted{background:var(--warning-bg);color:var(--warning-color)}.caja-module .order-detail .order-detail-header .order-status-badge.processing{background:var(--alert-info-bg);color:var(--info-color)}.caja-module .order-detail .order-detail-header .order-status-badge.completed{background:var(--success-bg);color:var(--success-color)}.caja-module .order-detail .order-detail-header .order-status-badge.cancelled{background:var(--danger-bg);color:var(--danger-color)}.caja-module .order-detail .order-items-table{width:100%;margin-bottom:1.5rem}.caja-module .order-detail .order-items-table th{text-align:left;padding:.75rem;font-weight:600;border-bottom:2px solid var(--border-color);color:var(--text-muted)}.caja-module .order-detail .order-items-table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.caja-module .order-detail .order-items-table .item-product .product-code{font-weight:600}.caja-module .order-detail .order-items-table .item-product .product-details{font-size:.8125rem;color:var(--text-muted)}.caja-module .order-detail .order-items-table .item-size{font-weight:500}.caja-module .order-detail .order-items-table .item-quantity{text-align:center}.caja-module .order-detail .order-items-table .item-price{text-align:right;font-weight:500}.caja-module .order-detail .order-items-table .item-subtotal{text-align:right;font-weight:600}.caja-module .order-detail .order-total-row{display:flex;justify-content:flex-end;gap:2rem;padding:1rem;background:var(--bg-subtle);border-radius:var(--radius-md)}.caja-module .order-detail .order-total-row .total-label{font-size:1.125rem;font-weight:500}.caja-module .order-detail .order-total-row .total-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.caja-module .order-detail .order-actions{display:flex;gap:1rem;margin-top:2rem}@media(max-width: 480px){.caja-module .order-detail .order-actions{flex-direction:column}}.caja-module .order-detail .order-actions .btn{min-width:150px}.bodega-module .btn{min-height:48px;padding:.75rem 1.25rem}.bodega-module .requests-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bodega-module .requests-dashboard .dashboard-header h2{display:flex;align-items:center;gap:.75rem}.bodega-module .requests-dashboard .dashboard-header h2 .requests-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:.875rem;font-weight:600;color:#fff;background:var(--warning-color);border-radius:14px}.bodega-module .requests-dashboard .filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.bodega-module .requests-dashboard .filter-tabs .filter-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .2s ease}.bodega-module .requests-dashboard .filter-tabs .filter-tab:hover{background:var(--bg-color)}.bodega-module .requests-dashboard .filter-tabs .filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.bodega-module .requests-dashboard .filter-tabs .filter-tab .tab-count{margin-left:.25rem;opacity:.7}.bodega-module .warehouse-requests-list{display:flex;flex-direction:column;gap:1rem}.bodega-module .warehouse-request-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.bodega-module .warehouse-request-card.priority-urgent{border-left:4px solid var(--danger-color);background:linear-gradient(90deg, var(--danger-bg) 0%, var(--card-bg) 30%)}.bodega-module .warehouse-request-card.priority-normal{border-left:4px solid var(--border-color)}.bodega-module .warehouse-request-card.status-in_progress{border-left-color:var(--info-color)}.bodega-module .warehouse-request-card.new-request{animation:shake .5s ease}.bodega-module .warehouse-request-card .request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.bodega-module .warehouse-request-card .request-header .request-number{font-weight:600;color:var(--text-muted);font-size:.875rem}.bodega-module .warehouse-request-card .request-header .priority-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:.5px}.bodega-module .warehouse-request-card .request-header .priority-badge.normal{background:var(--bg-subtle);color:var(--text-muted)}.bodega-module .warehouse-request-card .request-header .priority-badge.urgent{background:var(--danger-color);color:#fff;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.bodega-module .warehouse-request-card .request-product{margin-bottom:1rem}.bodega-module .warehouse-request-card .request-product .product-code{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.bodega-module .warehouse-request-card .request-product .product-details{font-size:.9375rem;color:var(--text-muted);margin-bottom:.5rem}.bodega-module .warehouse-request-card .request-product .product-location{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;background:var(--alert-info-bg);color:var(--info-color);border-radius:var(--radius-sm)}.bodega-module .warehouse-request-card .request-product .product-location svg{width:14px;height:14px}.bodega-module .warehouse-request-card .request-details{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-subtle);border-radius:var(--radius-md)}.bodega-module .warehouse-request-card .request-details .detail-item{display:flex;flex-direction:column;gap:.125rem}.bodega-module .warehouse-request-card .request-details .detail-item .detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bodega-module .warehouse-request-card .request-details .detail-item .detail-value{font-size:1rem;font-weight:600}.bodega-module .warehouse-request-card .request-details .detail-item.size .detail-value{font-size:1.25rem;color:var(--primary-color)}.bodega-module .warehouse-request-card .request-details .detail-item.quantity .detail-value{font-size:1.25rem}.bodega-module .warehouse-request-card .request-seller{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.bodega-module .warehouse-request-card .request-seller .seller-name{font-weight:500;color:var(--text-color)}.bodega-module .warehouse-request-card .request-time{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.bodega-module .warehouse-request-card .request-actions{display:flex;gap:.75rem}.bodega-module .warehouse-request-card .request-actions .btn{flex:1}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.bodega-module .request-detail .request-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.bodega-module .request-detail .request-detail-header .request-info h2{font-size:1.5rem;margin-bottom:.5rem}.bodega-module .request-detail .request-detail-header .status-badge{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-full)}.bodega-module .request-detail .request-detail-header .status-badge.pending{background:var(--warning-bg);color:var(--warning-color)}.bodega-module .request-detail .request-detail-header .status-badge.in_progress{background:var(--alert-info-bg);color:var(--info-color)}.bodega-module .request-detail .request-detail-header .status-badge.completed{background:var(--success-bg);color:var(--success-color)}.bodega-module .request-detail .request-detail-header .status-badge.rejected{background:var(--danger-bg);color:var(--danger-color)}.bodega-module .request-detail .product-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.bodega-module .request-detail .product-info-card .product-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.bodega-module .request-detail .product-info-card .product-header .product-image{width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-subtle)}.bodega-module .request-detail .product-info-card .product-header .product-main-info{flex:1}.bodega-module .request-detail .product-info-card .product-header .product-main-info h3{font-size:1.25rem;margin-bottom:.5rem}.bodega-module .request-detail .product-info-card .product-header .product-main-info .product-meta{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.bodega-module .request-detail .product-info-card .location-highlight{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--alert-info-bg);border-radius:var(--radius-md)}.bodega-module .request-detail .product-info-card .location-highlight .location-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--info-color);color:#fff;border-radius:var(--radius-md)}.bodega-module .request-detail .product-info-card .location-highlight .location-icon svg{width:24px;height:24px}.bodega-module .request-detail .product-info-card .location-highlight .location-text .location-label{font-size:.75rem;color:var(--info-color);text-transform:uppercase;letter-spacing:.5px}.bodega-module .request-detail .product-info-card .location-highlight .location-text .location-value{font-size:1.125rem;font-weight:600}.bodega-module .request-detail .request-actions{display:flex;gap:1rem;margin-top:2rem}@media(max-width: 480px){.bodega-module .request-detail .request-actions{flex-direction:column}}.bodega-module .request-detail .request-actions .btn{min-width:150px}.bodega-module .reject-modal .reject-reason-field{margin-bottom:1.5rem}.bodega-module .reject-modal .reject-reason-field label{display:block;font-weight:500;margin-bottom:.5rem}.bodega-module .reject-modal .reject-reason-field textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical}.bodega-module .reject-modal .reject-reason-field textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--primary-bg)}.bodega-module .empty-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.bodega-module .empty-requests .empty-icon{width:100px;height:100px;margin-bottom:1.5rem;opacity:.5}.bodega-module .empty-requests .empty-icon svg{width:100%;height:100%}.bodega-module .empty-requests h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-color)}.bodega-module .empty-requests p{max-width:400px;line-height:1.6}.bodega-module .history-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;margin-bottom:2rem}.bodega-module .history-stats .stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center}.bodega-module .history-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.bodega-module .history-stats .stat-card .stat-label{font-size:.875rem;color:var(--text-muted)}.bodega-module .history-stats .stat-card.completed .stat-value{color:var(--success-color)}.bodega-module .history-stats .stat-card.rejected .stat-value{color:var(--danger-color)}.text-right{text-align:right}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.font-bold{font-weight:700}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}@media(min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.gap-4{gap:1rem}.link{color:var(--primary-color);text-decoration:underline}.link:hover{color:var(--secondary-color)}.page-header-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header-actions .left-actions,.page-header-actions .right-actions{display:flex;align-items:center;gap:.75rem}.page-header-actions .right-actions{flex-wrap:wrap;row-gap:.5rem}.page-header-actions .right-actions .btn.active{box-shadow:0 0 0 2px var(--primary-color);transform:translateY(-1px)}@media(width <= 1023px){.page-header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.page-header-actions .right-actions{gap:.5rem}}@media(width <= 767px){.page-header-actions .right-actions button{padding:.5rem .75rem;font-size:.8125rem}}@media(width <= 767px){.page-header-actions .right-actions button svg{width:16px;height:16px}}.page-footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.page-footer-actions .left-actions,.page-footer-actions .right-actions{display:flex;align-items:center;gap:1rem}.action-buttons{display:flex;justify-content:center;gap:.5rem}/*# sourceMappingURL=/assets/application-55319a4e.css.map */