@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{--color-primary:#2e6d9e;--color-primary-hover:#24587f;--color-brand-accent:#a62e33;--color-brand-accent-hover:#8a2529;--font-display:"Fraunces", Georgia, serif;--color-secondary:#f1f5f9;--color-secondary-hover:#e2e8f0;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#10b981;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-purple:#8b5cf6;--color-orange:#f97316;--color-assigned-bg:#dbeafe;--color-assigned-bg-hover:#bfdbfe;--color-assigned-border:#3b82f6;--color-card-border:#000;--color-bg-body:#f4f6f9;--color-bg-card:#fff;--color-bg-subtle:#f1f5f9;--color-border:#e2e8f0;--color-text-main:#12161f;--color-text-muted:#64748b;--color-admin-sidebar:#0f172a;--color-admin-sidebar-hover:#1e293b;--color-admin-sidebar-text:#cbd5e1;--color-admin-sidebar-active:#fff;--shadow-sm:0 1px 2px 0 #12161f0d;--shadow-md:0 6px 16px -4px #12161f1f, 0 2px 6px -2px #12161f14;--shadow-lg:0 16px 32px -8px #12161f29, 0 4px 10px -4px #12161f1a;--shadow-float:0 28px 48px -12px #12161f38, 0 10px 20px -8px #12161f1f;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#4a8fc2;--color-primary-hover:#5fa0d1;--color-brand-accent:#c24950;--color-brand-accent-hover:#d0666c;--color-bg-body:#0f172a;--color-bg-card:#1e293b;--color-bg-subtle:#334155;--color-border:#334155;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-secondary:#334155;--color-secondary-hover:#475569;--color-warning-light:#f59e0b2e;--color-assigned-bg:#1e3a8a;--color-assigned-bg-hover:#254ebb;--color-assigned-border:#3b82f6;--color-card-border:#334155}html.dark .badge-neutral{color:#cbd5e1;background:#334155}html.dark .search-input,html.dark .form-input,html.dark .form-select,html.dark .form-textarea{background:var(--color-bg-card);color:var(--color-text-main);border-color:var(--color-border)}html.dark .btn-secondary{background:linear-gradient(180deg, #475569 0%, var(--color-secondary) 100%)}html.dark .btn-secondary:not(:disabled):hover{background:linear-gradient(180deg, #64748b 0%, var(--color-secondary-hover) 100%)}html.dark .btn-ghost:not(:disabled):hover{color:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.font-bold{font-weight:700}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.text-xs{font-size:.75rem}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary)}.bg-red-50{background:#fee2e2}.text-red-600{color:#991b1b}.page-toolbar{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.search-input-lg{border-radius:var(--radius-md);width:100%;height:42px;padding-left:2.5rem;font-size:.875rem}.btn-toolbar{height:42px;font-size:.85rem!important}.alert-danger{color:#991b1b;background:#fee2e2;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;display:flex}.flex-col{flex-direction:column}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.text-lg{font-size:1.125rem}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-danger)}.w-48{width:12rem}.hidden{display:none}.rotate-180{transform:rotate(180deg)}.flex-wrap{flex-wrap:wrap}.btn{border-radius:var(--radius-lg);letter-spacing:.3px;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.btn-primary{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;border-color:var(--color-primary-hover);box-shadow:0 1px 3px #2e6d9e33,inset 0 1px #ffffff1a}.btn-primary:not(:disabled):hover{background:linear-gradient(180deg, #4a8fc2 0%, var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 6px #2e6d9e40,inset 0 1px #ffffff26}.btn-secondary{background:linear-gradient(180deg, #fff 0%, var(--color-secondary) 100%);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:not(:disabled):hover{background:linear-gradient(#fff 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.btn-danger{background:linear-gradient(180deg, var(--color-danger) 0%, #dc2626 100%);color:#fff;border-color:#dc2626;box-shadow:0 1px 3px #ef444433,inset 0 1px #ffffff1a}.btn-danger:not(:disabled):hover{background:linear-gradient(180deg, #f87171 0%, var(--color-danger) 100%);transform:translateY(-1px);box-shadow:0 4px 6px #ef444440,inset 0 1px #ffffff26}.btn-ghost{color:var(--color-text-main);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:not(:disabled):hover{background:var(--color-secondary);color:var(--color-primary)}.btn-success{background:linear-gradient(180deg, var(--color-success) 0%, #059669 100%);color:#fff;border-color:#059669}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.75s linear infinite spin}textarea{resize:none!important}.form-group{margin-bottom:1rem}.form-label{margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-input[readonly],.form-select[readonly],.form-textarea[readonly]{background:var(--color-bg-card);color:var(--color-text-main);cursor:default;opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2e6d9e1a}.form-textarea{resize:none;min-height:80px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);display:flex;position:absolute}.input-icon-left{left:.75rem}.input-icon-right{right:.75rem}.input-has-left-icon{padding-left:2.25rem}.input-has-right-icon{padding-right:2.25rem}.input-error{border-color:var(--color-danger)}.label-error{color:var(--color-danger)}.form-error{color:var(--color-danger);margin-top:.25rem;font-size:.75rem;display:block}.form-hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;display:block}.select-wrapper{position:relative}.form-select{appearance:none;padding-right:2.25rem}.select-icon{pointer-events:none;color:var(--color-text-muted);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-icon-btn{color:var(--color-text-muted);transition:color var(--transition-fast);display:flex}.input-icon-btn:hover{color:var(--color-text-main)}.form-grid-2,.form-grid-3{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.form-grid{flex-direction:column;gap:1rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;width:100%;max-height:calc(100vh - 2.5rem);animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff14}.modal-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg, #2e6d9e0d 0%, #a62e3308 50%, var(--color-bg-card) 100%);border-top:4px solid var(--color-primary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header-title-group{align-items:center;gap:.75rem;display:flex}.modal-header-icon{width:40px;height:40px;color:var(--color-primary);background:#2e6d9e1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #2e6d9e26}.modal-title{color:var(--color-text-main);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.modal-subtitle{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.8125rem}.modal-close{background:var(--color-secondary);width:32px;height:32px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1rem 1.5rem}.modal-footer-actions{justify-content:flex-end;gap:.75rem;display:flex}.badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000002e;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}html.dark .badge{border-color:#ffffff2e}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-purple{color:#6b21a8;background:#f3e8ff}.badge-orange{color:#9a3412;background:#ffedd5}.badge-teal{color:#0f766e;background:#ccfbf1}.badge-neutral{background:var(--color-secondary);color:var(--color-text-muted)}.assigned-to-me-card{background-color:var(--color-assigned-bg)!important;border:1px solid var(--color-assigned-border)!important}.assigned-to-me-card:hover{background-color:var(--color-assigned-bg-hover)!important}.assigned-to-me-row{background-color:var(--color-assigned-bg)!important}.assigned-to-me-row>td:first-child{border-left:3px solid var(--color-assigned-border)!important}.data-table tr.assigned-to-me-row:hover td{background-color:var(--color-assigned-bg-hover)!important}.spinner-wrapper{align-items:center;gap:.5rem;display:inline-flex}.spinner-label{color:var(--color-text-muted);font-size:.875rem}.spinner{border:3px solid var(--color-border);border-right-color:var(--color-primary);border-radius:50%;animation:.75s linear infinite spin}.spinner-fan{flex-shrink:0;display:inline-block;position:relative}.spinner-fan-bar{background:var(--color-primary);transform-origin:50% 166%;border-radius:3px;width:14%;height:30%;margin-left:-7%;animation:1s linear infinite spinner-fan-fade;position:absolute;top:0;left:50%}@keyframes spinner-fan-fade{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion:reduce){.spinner-fan-bar{opacity:.6;animation:none}.spinner-fan-bar:first-child{opacity:1}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-bubble{background:var(--color-text-main);color:var(--color-bg-card);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:80;border-radius:6px;padding:.35rem .65rem;font-size:.72rem;font-weight:600;animation:.15s ease-out forwards tooltip-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--color-text-main);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.tooltip-bubble{opacity:1;animation:none}}.page-spinner{justify-content:center;align-items:center;width:100%;min-height:50vh;display:flex}.empty-state{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-state-icon{color:var(--color-text-muted);opacity:.5;margin-bottom:1rem}.empty-state-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state-description{color:var(--color-text-muted);max-width:400px;margin-bottom:1.5rem;font-size:.875rem}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-card-border);overflow:visible}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-header-left{color:var(--color-text-main);align-items:center;gap:.5rem;display:flex}.card-title{font-size:1rem;font-weight:600}.card-header-start{justify-content:flex-start}.card-title-lg{font-size:1.125rem}.form-section-divider{border-color:var(--color-border);margin:2rem 0}.notif-alert-card{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);padding:.75rem .85rem;box-shadow:0 1px 2px #00000008}.notif-alert-title{margin:0;font-size:.825rem;font-weight:600}.notif-alert-desc{color:var(--color-text-muted);margin:0 0 .4rem;font-size:.75rem}.notif-alert-link{background:var(--color-bg-body);border-radius:4px;padding:.15rem .45rem;font-size:.725rem;font-weight:600;text-decoration:none}.tracking-code-badge{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .4rem;font-weight:700}.link-reset-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;padding:0}.register-section-label-spaced{margin-top:.5rem}.toggle-row{cursor:pointer;background:var(--color-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.75rem 1rem}.toggle-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.toggle-label-text{color:var(--color-text-main);font-weight:600}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem;font-size:.75rem;font-weight:600}.filter-chip{cursor:pointer;border-radius:20px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.detail-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:600}.detail-label-lg{text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.dashboard-alert-card{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;justify-content:space-between;min-height:175px;padding:1rem;display:flex}.dashboard-alert-title{margin:0;font-size:.9rem;font-weight:600}.dashboard-alert-empty{color:var(--color-text-muted);margin:.4rem 0;font-size:.8rem}.dashboard-alert-count{color:var(--color-text-main);margin:.25rem 0 .4rem;font-size:.8rem}.dashboard-alert-order-badge{background:var(--color-bg-subtle);border-radius:4px;padding:.15rem .45rem;font-size:.775rem;font-weight:600;text-decoration:none}.dashboard-alert-row{align-items:center;gap:.3rem;width:100%;display:flex}.dashboard-alert-product-badge{background:var(--color-bg-subtle);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:.15rem .45rem;font-size:.75rem;font-weight:600;text-decoration:none;overflow:hidden}.edit-order-thumb{border-radius:var(--radius-sm);background:var(--color-bg-body);border:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.img-cover-full{object-fit:cover;width:100%;height:100%}.scroll-arrow-btn{color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;display:flex}.stat-card-value-compact{font-size:1rem}.stat-card-label-compact{font-size:.65rem}.config-template-box{background:var(--color-bg-card);border:1px solid var(--color-border);padding:1rem}.config-template-title{margin:0 0 1rem;font-size:.9rem;font-weight:600}.config-toggle-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.config-toggle-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.config-toggle-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.config-toggle-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.config-toggle-title{color:var(--color-text-main);font-size:.9rem;font-weight:600}.config-toggle-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.45}.config-toggle-switch{flex-shrink:0;margin-top:.25rem}.config-template-header{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.config-template-header .config-template-title{margin:0}.config-template-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.form-textarea-resizable{resize:vertical}.audit-detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.audit-detail-value{color:var(--color-text);margin-top:.35rem;font-weight:500}.mt-35{margin-top:.35rem}.form-section-divider-sm{border-color:var(--color-border);margin:1.5rem 0}.form-section-title{margin-bottom:1rem;font-size:.9rem}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.detail-section-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.chart-card{border-color:var(--color-border);padding:1.25rem}.chart-card-title{color:var(--color-text-main);margin:0 0 1rem;font-size:1rem;font-weight:700}.chart-container{width:100%;height:240px}.chart-alert-subtitle{color:var(--color-text-muted);margin:2px 0 0;font-size:.8rem}.quick-order-btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600}.filter-row{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.stat-card-accent-2563eb{background:linear-gradient(135deg, var(--color-bg-card) 45%, #2563eb14 100%);border-left:4px solid #2563eb;box-shadow:0 4px 12px #2563eb14}.stat-card-icon-2563eb{color:#2563eb;background:#2563eb26}.stat-card-accent-10b981{background:linear-gradient(135deg, var(--color-bg-card) 45%, #10b98114 100%);border-left:4px solid #10b981;box-shadow:0 4px 12px #10b98114}.stat-card-icon-10b981{color:#10b981;background:#10b98126}.stat-card-accent-ef4444{background:linear-gradient(135deg, var(--color-bg-card) 45%, #ef444414 100%);border-left:4px solid #ef4444;box-shadow:0 4px 12px #ef444414}.stat-card-icon-ef4444{color:#ef4444;background:#ef444426}.stat-card-accent-9333ea{background:linear-gradient(135deg, var(--color-bg-card) 45%, #9333ea14 100%);border-left:4px solid #9333ea;box-shadow:0 4px 12px #9333ea14}.stat-card-icon-9333ea{color:#9333ea;background:#9333ea26}.stat-card-accent-ea580c{background:linear-gradient(135deg, var(--color-bg-card) 45%, #ea580c14 100%);border-left:4px solid #ea580c;box-shadow:0 4px 12px #ea580c14}.stat-card-icon-ea580c{color:#ea580c;background:#ea580c26}.stat-card-accent-e11d48{background:linear-gradient(135deg, var(--color-bg-card) 45%, #e11d4814 100%);border-left:4px solid #e11d48;box-shadow:0 4px 12px #e11d4814}.stat-card-icon-e11d48{color:#e11d48;background:#e11d4826}.stat-card-accent-0284c7{background:linear-gradient(135deg, var(--color-bg-card) 45%, #0284c714 100%);border-left:4px solid #0284c7;box-shadow:0 4px 12px #0284c714}.stat-card-icon-0284c7{color:#0284c7;background:#0284c726}.stat-card-accent-64748b{background:linear-gradient(135deg, var(--color-bg-card) 45%, #64748b14 100%);border-left:4px solid #64748b;box-shadow:0 4px 12px #64748b14}.stat-card-icon-64748b{color:#64748b;background:#64748b26}.stat-card-accent-f59e0b{background:linear-gradient(135deg, var(--color-bg-card) 45%, #f59e0b14 100%);border-left:4px solid #f59e0b;box-shadow:0 4px 12px #f59e0b14}.stat-card-icon-f59e0b{color:#f59e0b;background:#f59e0b26}.stat-card-accent-0d9488{background:linear-gradient(135deg, var(--color-bg-card) 45%, #0d948814 100%);border-left:4px solid #0d9488;box-shadow:0 4px 12px #0d948814}.stat-card-icon-0d9488{color:#0d9488;background:#0d948826}.stat-card-accent-d97706{background:linear-gradient(135deg, var(--color-bg-card) 45%, #d9770614 100%);border-left:4px solid #d97706;box-shadow:0 4px 12px #d9770614}.stat-card-icon-d97706{color:#d97706;background:#d9770626}.stat-card-icon-059669{color:#059669;background:#10b98126}.stat-card-icon-dc2626{color:#dc2626;background:#ef444426}.stat-card-icon-orange-on-amber{color:#d97706;background:#f59e0b26}.stat-card-icon-compact{border-radius:6px;width:28px;height:28px}.stat-card-compact{padding:.5rem .4rem}.search-box-wide{flex:320px;max-width:560px}.city-autocomplete-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;box-shadow:var(--shadow-md);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0}.city-autocomplete-item{cursor:pointer;border-bottom:1px solid var(--color-border);padding:.5rem .75rem}.btn-force-primary{background:var(--color-primary);border-color:var(--color-primary)}.mr-icon{margin-right:.4rem}.card-header-link{color:var(--color-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.card-header-link:hover{text-decoration:underline}.table-wrapper{width:100%;overflow-x:auto}.data-table{text-align:left;width:100%}.data-table th{background:var(--color-bg-body);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem;font-size:.75rem;font-weight:600}.data-table th.sortable-header{transition:background-color var(--transition-fast)}.data-table th.sortable-header:hover{color:var(--color-primary);background:#2e6d9e14}.data-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.75rem;font-size:.875rem;transition:background-color .15s}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#2e6d9e0a}.table-primary-cell{align-items:center;gap:.5rem;font-weight:500;display:flex}.table-actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.table-action-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.25rem}.table-action-btn:hover{color:var(--color-primary);background:#2e6d9e1a;transform:scale(1.1)}.table-action-danger:hover{color:var(--color-danger);background:#fee2e2}.table-action-success:hover{color:var(--color-success);background:#dcfce7}.table-empty{text-align:center;color:var(--color-text-muted);padding:3rem 1.5rem!important}.table-empty-inner{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.table-empty-icon{color:var(--color-text-muted);opacity:.5;margin-bottom:.35rem}.table-empty-text{font-size:.9375rem}.table-loading{text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;gap:.6rem;display:flex;padding:2rem!important}.table-row-inactive td{opacity:.6}.table-pagination{background:var(--color-bg-card);border-top:1px solid var(--color-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.85rem;display:flex}.table-pagination-info{color:var(--color-text-muted);font-weight:500}.table-pagination-info strong{color:var(--color-text-main)}.table-pagination-nav{align-items:center;gap:.35rem;display:flex}.table-page-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-body);min-width:32px;height:32px;color:var(--color-text-main);cursor:pointer;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.table-page-btn:disabled{cursor:not-allowed;opacity:.4}.table-page-btn:hover:not(:disabled):not(.table-page-btn-active){color:var(--color-primary);background:#2e6d9e14;border-color:#2e6d9e4d;transform:translateY(-1px)}.table-page-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.table-page-btn-active:hover{background:var(--color-primary);color:#fff;transform:none}.table-page-ellipsis{color:var(--color-text-muted);padding:0 .25rem}.text-center,.th-center,.td-center{text-align:center!important}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-title-wrapper{text-align:center}.page-title-wrapper .page-title.items-center{align-items:flex-start}.page-title{color:var(--color-text-main);font-size:1.6rem;font-weight:700;font-family:var(--font-display);margin-bottom:.25rem}.page-subtitle{color:var(--color-text-muted);font-size:.875rem}.page-actions-row{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.action-left{justify-self:start}.action-center{justify-self:center}.action-right{justify-self:end}@media (width<=640px){.page-actions-row{flex-direction:column;gap:1rem;display:flex}.action-right{place-self:center}}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-body{flex-direction:column;display:flex}.stat-card-value{margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-card-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.75rem;font-weight:500}.stat-card-warning .stat-card-icon{color:#b45309;background:#fef3c7}.stat-card-info .stat-card-icon{color:#0369a1;background:#e0f2fe}.stat-card-purple .stat-card-icon{color:#6b21a8;background:#f3e8ff}.stat-card-orange .stat-card-icon{color:#c2410c;background:#ffedd5}.stat-card-error .stat-card-icon{color:#b91c1c;background:#fee2e2}.dashboard-revenue-card{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#3d0e11 0%,#a62e33 55%,#c24950 100%);margin-bottom:1.5rem;padding:2rem}.revenue-card-content{align-items:center;gap:1.5rem;display:flex}.revenue-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.revenue-amount{font-size:2.5rem;font-weight:700;line-height:1}.order-number-sm{color:var(--color-primary);font-weight:600}.product-code-sm{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem;display:block}.table-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.table-filters .form-group{margin-bottom:0}.search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-icon{color:var(--color-text-muted);pointer-events:none;z-index:1;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);padding:.5rem 1rem .5rem 2.25rem;font-size:.875rem}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2e6d9e1a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-content{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 0 .5rem;display:flex}.confirm-dialog-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}.confirm-dialog-icon-danger{color:#dc2626;background:#fee2e2}.confirm-dialog-icon-warning,.confirm-dialog-icon-success{color:#059669;background:#d1fae5}.confirm-dialog-message{color:var(--color-text-muted);width:100%;max-width:460px;font-size:.9375rem;line-height:1.6}.confirm-dialog-footer{flex-direction:column;gap:.75rem;width:100%;display:flex}.confirm-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn-confirm{color:#fff}.confirm-btn-confirm-warning{background:var(--color-primary)}.confirm-btn-confirm-warning:not(:disabled):hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.confirm-btn-confirm-danger{background:var(--color-danger)}.confirm-btn-confirm-danger:not(:disabled):hover{background:var(--color-danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.confirm-btn-confirm-success{background:var(--color-success)}.confirm-btn-confirm-success:not(:disabled):hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.confirm-btn-cancel{color:var(--color-text-muted);background:0 0;border:1.5px solid var(--color-border)!important}.confirm-btn-cancel:not(:disabled):hover{color:var(--color-danger);background:#fee2e2;border-color:#fca5a5!important}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.admin-layout{background:0 0;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:linear-gradient(175deg, var(--color-admin-sidebar) 0%, var(--color-admin-sidebar) 75%, #2a0f12 100%);width:260px;color:var(--color-admin-sidebar-text);transition:width var(--transition-normal), transform var(--transition-normal);z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-logo{color:#fff;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-close-btn{color:inherit;display:none}.sidebar-section-label{letter-spacing:1px;color:#64748b;margin-top:1rem;margin-bottom:.5rem;padding:0 1.5rem;font-size:.75rem;font-weight:600}.sidebar-nav{flex:1;padding:0 .75rem;overflow-y:auto}.sidebar-nav-item{border-radius:var(--radius-md);transition:all var(--transition-fast);color:inherit;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--color-admin-sidebar-hover);color:#fff}.sidebar-nav-item-active{box-shadow:0 4px 14px -2px #2e6d9e8c;background:var(--color-primary)!important;color:#fff!important}.sidebar-nav-folder{cursor:pointer}.sidebar-folder-open{box-shadow:0 4px 14px -2px #2e6d9e8c;background:var(--color-primary)!important;color:#fff!important}.sidebar-nav-arrow{opacity:0;transition:opacity var(--transition-fast);margin-left:auto}.sidebar-nav-item:hover .sidebar-nav-arrow,.sidebar-nav-item-active .sidebar-nav-arrow{opacity:1}.sidebar-nav-item svg,.sidebar-sub-item svg,.sidebar-logout svg{transition:transform .2s}.sidebar-nav-item:hover svg,.sidebar-sub-item:hover svg,.sidebar-logout:hover svg{transform:scale(1.15)}.sidebar-nav-item-active svg,.sidebar-sub-item-active svg{transform:scale(1.08)}.admin-sidebar:not(.sidebar-collapsed) .sidebar-nav-item:hover,.admin-sidebar:not(.sidebar-collapsed) .sidebar-sub-item:hover{transform:translate(3px)}.sidebar-collapsed .sidebar-nav-item:hover:not(.sidebar-nav-item-active){box-shadow:0 0 0 1px #2e6d9e40}.sidebar-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-user{align-items:center;gap:.75rem;display:flex;overflow:hidden}.sidebar-user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#94a3b8;font-size:.75rem}.sidebar-logout{color:#94a3b8;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem}.sidebar-logout:hover{color:#fff;background:#ffffff1a}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:40;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-menu-btn{color:var(--color-text-main);display:none}.topbar-collapse-btn{color:var(--color-text-main);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;margin-right:1rem;padding:.25rem;display:none}.topbar-collapse-btn:hover{background:var(--color-secondary)}@media (width>=1024px){.topbar-collapse-btn{justify-content:center;align-items:center;display:flex}}.topbar-title{text-align:center;font-size:1.125rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.topbar-actions{align-items:center;gap:.75rem;display:flex}.topbar-title{justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=767px){.topbar-title,.client-user-name{display:none}}.topbar-user{font-size:.875rem;font-weight:500}.admin-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.admin-content-body{flex:1}.client-layout{flex-direction:column;min-height:100vh;display:flex}.client-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:40;position:sticky;top:0}.client-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.client-logo{color:var(--color-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.client-catalog-menu-btn{color:var(--color-text-main);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-right:.75rem;padding:.5rem;display:flex}.client-catalog-menu-btn:hover{background:var(--color-secondary)}.client-nav{align-items:center;gap:1.5rem;display:none}.client-nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.client-nav-link:hover,.client-nav-link-active{color:var(--color-primary)}.client-header-actions{align-items:center;gap:1rem;display:flex}.topbar-icon-btn{width:38px;min-width:38px;height:38px;box-shadow:none;color:var(--color-text-main);cursor:pointer;background:0 0;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}html.dark .topbar-icon-btn{border-color:#fff}.topbar-icon-btn:hover{background:var(--color-secondary)}.client-cart-btn{border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex;position:relative}.cart-badge{background:var(--color-danger);color:#fff;border:2px solid var(--color-bg-card);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.client-user-menu{display:none;position:relative}.client-user-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;display:flex}.client-user-btn:hover{background:var(--color-secondary)}.client-user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.client-user-name{font-size:.875rem;font-weight:500}.client-user-dropdown-overlay{z-index:45;position:fixed;inset:0}.client-user-dropdown{background:var(--color-bg-card);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:50;animation:.15s ease-out slideUp;position:absolute;top:calc(100% + .5rem);right:0}.dropdown-header{border-bottom:1px solid var(--color-border);flex-direction:column;padding:1rem;display:flex}.dropdown-header strong{font-size:.875rem}.dropdown-header span{color:var(--color-text-muted);font-size:.75rem}.dropdown-item{width:100%;transition:background var(--transition-fast);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--color-secondary)}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.dropdown-item-danger{color:var(--color-danger);border-top:1px solid var(--color-border)}.client-mobile-menu-btn{color:var(--color-text-main);display:flex}.client-mobile-nav{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;gap:.5rem;padding:1rem;animation:.2s ease-out slideUp;display:flex;position:absolute;top:100%;left:0;right:0}.client-mobile-nav-link{border-radius:var(--radius-md);background:var(--color-secondary);align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:500;display:flex}.client-mobile-logout{color:var(--color-danger);background:#fee2e2;margin-top:.5rem}.client-content{flex:1}.client-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);padding:.75rem 1.5rem;font-size:.75rem}@media (width>=768px){.client-nav{display:flex;position:absolute;left:50%;transform:translate(-50%)}.client-user-menu{display:block}.client-mobile-menu-btn{display:none}}@media (width<=1023px){.admin-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:45;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.sidebar-close-btn,.topbar-menu-btn{display:block}}.login-page{background:0 0;min-height:100vh;display:flex;position:relative}.login-brand{color:#fff;background:linear-gradient(135deg,#3d0e11 0%,#a62e33 55%,#c24950 100%);flex-direction:column;justify-content:center;width:45%;padding:4rem;display:none;position:relative;overflow:hidden}@media (width>=1024px){.login-brand{display:flex}}.login-brand-content{z-index:10;max-width:400px;position:relative}.login-brand-logo{margin-bottom:2rem}.login-brand-logo img{object-fit:contain;width:170px;height:170px}.topbar-title img{object-fit:contain;width:32px;height:32px;margin-right:.5rem;position:absolute;right:100%}.timeline-section-box{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem}.redirect-spinner-wrap{flex-direction:column;gap:1rem}.redirect-spinner{width:36px;height:36px}.redirect-spinner-label{color:var(--color-text-muted);font-size:.9375rem;font-weight:500}.text-base{font-size:1rem}.login-brand-title{font-size:3rem;font-weight:600;line-height:1.1;font-family:var(--font-display);margin-bottom:1rem}.login-brand-subtitle{opacity:.9;margin-bottom:3rem;font-size:1.25rem;line-height:1.4}.login-brand-features{flex-direction:column;gap:1.5rem;display:flex}.login-feature{align-items:center;gap:1rem;font-size:1.125rem;display:flex}.login-feature-dot{background:#60a5fa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #60a5fa}.login-brand-decoration{pointer-events:none;background:repeating-conic-gradient(#ffffff1a 0deg 3deg,#0000 3deg 24deg);border-radius:50%;width:900px;height:900px;animation:90s linear infinite brand-sunburst-spin;position:absolute;top:-30%;right:-30%;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 75%);mask-image:radial-gradient(circle,#000 40%,#0000 75%)}@keyframes brand-sunburst-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-brand-decoration{animation:none}}.login-form-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.login-page-fixed-brand{height:100vh;overflow:hidden}.login-page-fixed-brand .login-brand{height:100vh}.login-page-fixed-brand .login-form-panel{justify-content:flex-start;height:100vh;padding-top:2.5rem;padding-bottom:2.5rem;overflow-y:auto}.login-form-watermark{pointer-events:none;opacity:.75;object-fit:contain;width:clamp(90px,12vw,130px);height:clamp(90px,12vw,130px);margin:0 auto .5rem;display:block}.login-form-container{z-index:1;width:100%;max-width:400px;animation:.4s ease-out slideUp;position:relative}.login-footer{color:var(--color-text-muted);text-align:center;margin-top:1.5rem;font-size:.875rem}.login-footer-link{color:var(--color-primary);font-weight:600}.login-footer-link:hover{text-decoration:underline}.login-form-header{text-align:center;margin-bottom:2.5rem}.login-form-title{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-form-subtitle{color:var(--color-text-muted)}.login-form{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.login-forgot{text-align:right;margin-top:-.5rem}.login-forgot-link{color:var(--color-primary);font-size:.875rem;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-footer-text{text-align:center;color:var(--color-text-muted);font-size:.875rem}.alert{border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem;font-size:.875rem}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.register-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:.25rem;padding-bottom:.5rem;font-size:.75rem;font-weight:700}.back-link{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border-radius:var(--radius-md);font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--color-primary);background-color:#2e6d9e14;border-color:#2e6d9e40}.recover-success{text-align:center;padding:2rem 0}.recover-success-icon{color:var(--color-success);justify-content:center;margin-bottom:1.5rem;display:flex}.recover-success h2{margin-bottom:1rem;font-size:1.5rem}.recover-success p{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.catalog-filters{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=768px){.catalog-filters{flex-direction:row;justify-content:space-between;align-items:center}.catalog-filters .search-box{max-width:350px}}.family-filters{scrollbar-width:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.family-filters::-webkit-scrollbar{display:none}.family-chip{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.family-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.family-chip-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.catalog-results-info{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.clear-filters-btn{color:var(--color-primary);font-weight:500}.clear-filters-btn:hover{text-decoration:underline}.product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.catalog-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,#2e6d9e14 0%,#a62e3314 100%);margin-bottom:2rem;padding:2rem 1.5rem}.product-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-4px)}.product-card-out{opacity:.7;filter:grayscale(.5)}.product-card-out:hover{box-shadow:none;border-color:var(--color-border);transform:none}.product-card-image{aspect-ratio:1;background:linear-gradient(160deg, var(--color-bg-card) 0%, var(--color-bg-body) 100%);padding:.85rem;position:relative;overflow:hidden}.product-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.product-card-badge-overlay{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.product-card-badge-low{background:#f59e0be6}.product-card-body{flex-direction:column;flex:1;padding:1rem;display:flex}.product-card-family{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);background:#2e6d9e14;width:fit-content;margin-bottom:.5rem;padding:.15rem .6rem;font-size:.68rem;font-weight:700;display:inline-block}.product-card-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-code{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.75rem}.product-card-description{color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;margin-bottom:1rem;display:flex}.product-card-price{color:var(--color-primary);font-size:1.3rem;font-weight:800}.product-card-actions{grid-template-columns:100px 1fr;gap:.5rem;display:grid}.qty-selector{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);align-items:center;display:flex;overflow:hidden}.qty-btn{color:var(--color-text-muted);background:var(--color-secondary);transition:background var(--transition-fast);justify-content:center;align-items:center;padding:.5rem;display:flex}.qty-btn:not(:disabled):hover{background:var(--color-border);color:var(--color-text-main)}.qty-btn:disabled{opacity:.5}.qty-input{text-align:center;appearance:textfield;width:100%;color:var(--color-text-main);background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.qty-input:disabled{opacity:.5;cursor:not-allowed}.qty-input::-webkit-outer-spin-button{appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{appearance:none;margin:0}.add-to-cart-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.add-to-cart-btn:not(:disabled):hover{background:var(--color-primary-hover)}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.add-to-cart-btn-added{background:var(--color-success)}.add-to-cart-btn-added:hover{background:#059669}.cart-layout{grid-template-columns:1fr;gap:2rem;margin-top:1rem;display:grid}@media (width>=1024px){.cart-layout{grid-template-columns:2fr 1fr;align-items:start}}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1rem;display:flex}@media (width>=640px){.cart-item{flex-direction:row;align-items:center}}.cart-item-image{border-radius:var(--radius-md);background:var(--color-bg-body);flex-shrink:0;width:80px;height:80px;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-placeholder{width:100%;height:100%;color:var(--color-text-muted);opacity:.3;justify-content:center;align-items:center;display:flex}.cart-item-info{flex:1}.cart-item-name{margin-bottom:.25rem;font-size:1rem;font-weight:600}.cart-item-code{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem}.cart-item-unit-price{color:var(--color-primary);font-size:.875rem;font-weight:500}.cart-item-actions{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}@media (width>=640px){.cart-item-actions{justify-content:flex-end;width:auto}}.cart-item-subtotal{text-align:right;width:100px;font-size:1.125rem;font-weight:700}.cart-item-remove{color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem;display:flex}.cart-item-remove:hover{color:var(--color-danger);background:#fee2e2}.cart-summary-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;position:sticky;top:100px}.cart-summary-title{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.cart-summary-lines{flex-direction:column;gap:.75rem;max-height:300px;margin-bottom:1.5rem;display:flex;overflow-y:auto}.cart-summary-line{color:var(--color-text-main);justify-content:space-between;font-size:.875rem;display:flex}.cart-summary-divider{background:var(--color-border);height:1px;margin:1.5rem 0}.cart-summary-total{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.order-success{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:4rem 1rem}.order-success-icon{color:var(--color-success);justify-content:center;margin-bottom:1.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex}.order-success-title{margin-bottom:1rem;font-size:2rem;font-weight:700}.order-success-desc{color:var(--color-text-muted);max-width:500px;margin:0 auto 2rem;font-size:1.125rem}.order-success-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);overflow:hidden}.order-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-brand-blue-light)}html.dark .order-card:hover{border-color:var(--color-brand-accent);box-shadow:0 10px 24px -10px #c2495066, var(--shadow-sm)}.order-card-header{cursor:pointer;background:var(--color-bg-card);transition:background var(--transition-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.order-card-header:hover{background:var(--color-secondary)}.order-card-meta{flex-direction:column;gap:.25rem;display:flex}.order-number{color:var(--color-text-main);font-size:1.125rem;font-weight:700}.order-date{color:var(--color-text-muted);font-size:.875rem}.order-card-right{align-items:center;gap:1.5rem;display:flex}.order-total{font-size:1.25rem;font-weight:700}.order-card-body{border-top:1px solid var(--color-border);background:var(--color-bg-body);padding:1.5rem;animation:.2s ease-out slideUp}.order-items-table{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:1.5rem;overflow:hidden}.order-items-table th,.order-items-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:.75rem 1rem;font-size:.875rem}.order-items-table th{background:var(--color-secondary);color:var(--color-text-muted);font-weight:600}.order-items-table tfoot td{background:var(--color-bg-body);border-bottom:none}.order-notes{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px dashed var(--color-border);margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.order-card-actions{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:1rem;display:flex}.profile-client-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;display:grid}@media (width>=640px){.profile-client-grid{grid-template-columns:1fr 1fr}}.profile-client-item{flex-direction:column;gap:.25rem;display:flex}.profile-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;font-size:.75rem;font-weight:600}.profile-value{color:var(--color-text-main);font-size:1rem;font-weight:500}.profile-email-display{background:var(--color-secondary);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:1rem;display:flex}.order-detail-modal{flex-direction:column;gap:1.5rem;display:flex}.order-detail-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;display:flex}.order-detail-info{flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.order-detail-status{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.order-status-actions{background:var(--color-secondary);border-radius:var(--radius-md);padding:1rem}.stat-card-success .stat-card-icon{color:#166534;background:#dcfce7}.dashboard-info-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.order-history{border-top:1px solid var(--color-border);padding-top:1.5rem}.order-history-list{flex-direction:column;gap:.5rem;display:flex}.order-history-item{background:var(--color-bg-body);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.order-history-states{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.order-history-arrow{color:var(--color-text-muted);font-size:1rem}.order-history-meta{color:var(--color-text-muted);flex-direction:column;align-items:flex-end;gap:.125rem;font-size:.78rem;display:flex}.order-history-admin{color:var(--color-primary);font-size:.78rem;font-weight:600}.admin-login-page{background:#0b1b2e;min-height:100vh;position:relative}.admin-login-shell{min-height:100vh;display:flex}.login-brand-navy{background:linear-gradient(135deg,#050b16 0%,#0f2a4d 55%,#164c82 100%)}.admin-login-form-side{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.admin-login-card{z-index:1;width:100%;max-width:440px;animation:.4s ease-out slideUp;position:relative}.admin-login-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.admin-login-brand{letter-spacing:2px;color:#fff;font-size:1.125rem;font-weight:800}.admin-login-badge{color:#93c5fd;letter-spacing:.5px;background:#2563eb4d;border:1px solid #2563eb66;border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.admin-login-steps{padding:2rem}.admin-login-progress{align-items:center;margin-bottom:2rem;display:flex}.admin-progress-step{flex-direction:column;align-items:center;gap:.25rem;display:flex}.admin-progress-num{color:#fff6;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.admin-progress-step.active .admin-progress-num{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.admin-progress-label{color:#fff6;letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:500}.admin-progress-step.active .admin-progress-label{color:#ffffffb3}.admin-progress-line{background:#ffffff1a;flex:1;height:1px;margin:0 .75rem 1rem}.admin-login-step{animation:.3s ease-out slideUp}.admin-login-icon{color:#93c5fd;background:#2563eb26;border:1px solid #2563eb4d;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.admin-login-icon--blue{color:#60a5fa;background:#2563eb33}.admin-login-title{color:#fff;margin-bottom:.5rem;font-size:1.375rem;font-weight:700}.admin-login-subtitle{color:#ffffff80;margin-bottom:1.75rem;font-size:.875rem;line-height:1.5}.admin-login-form{flex-direction:column;gap:1rem;display:flex}.admin-login-page .input-field,.admin-login-page .form-input,.admin-login-page .search-input{color:#fff;background:#0f172a;border-color:#ffffff40}.admin-login-page .input-field:focus{border-color:var(--color-primary);background:#1e293b;box-shadow:0 0 0 3px #2e6d9e4d}.admin-login-page .input-field::placeholder{color:#ffffff4d}.admin-login-page .input-label,.admin-login-page .form-label{color:#ffffffd9}.admin-login-page .input-left-icon{color:#ffffff59}.admin-login-page .input-icon-btn{color:#fff6}.admin-login-page .alert-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.admin-login-footer{text-align:center;color:#fff3;letter-spacing:.5px;border-top:1px solid #ffffff0f;padding:1.25rem;font-size:.75rem}.admin-register-link{color:#ffffff73;transition:color var(--transition-fast);font-size:.85rem;text-decoration:underline}.admin-register-link:hover{color:#ffffffd9}.input-wrapper{margin-bottom:0;position:relative}.input-label{color:var(--color-text-main);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2e6d9e1a}.input-field.input-field-error{border-color:var(--color-danger)}.input-with-left-icon{padding-left:2.5rem}.input-with-right-icon{padding-right:2.5rem}.input-left-icon{color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;left:.75rem}.input-right-icon{display:flex;position:absolute;right:.75rem}.input-error-msg{color:var(--color-danger);margin-top:.25rem;font-size:.75rem;display:block}.sidebar-sub-nav{flex-direction:column;gap:.125rem;margin-bottom:.5rem;padding-left:1.5rem;display:flex}.sidebar-sub-item{border-radius:var(--radius-md);color:#94a3b8;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.825rem;font-weight:500;display:flex}.sidebar-sub-item:hover{background:var(--color-admin-sidebar-hover);color:#fff}.sidebar-sub-item-active{box-shadow:0 2px 4px #2e6d9e40;background:var(--color-primary)!important;color:#fff!important}.sidebar-folder-arrow{margin-left:auto}@media (width>=1024px){.admin-sidebar.sidebar-collapsed{width:70px}.sidebar-collapsed .sidebar-logo span{display:none}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1.5rem .5rem}.sidebar-collapsed .sidebar-section-label{display:none}.sidebar-collapsed .sidebar-nav{padding:0 .375rem}.sidebar-collapsed .sidebar-nav-item span{display:none}.sidebar-collapsed .sidebar-nav-arrow{display:none!important}.sidebar-collapsed .sidebar-nav-item{justify-content:center;gap:0;padding:.75rem 0}.sidebar-collapsed .sidebar-folder-arrow{margin-left:.25rem!important}.sidebar-collapsed .sidebar-sub-nav{display:none}.sidebar-collapsed .sidebar-footer{flex-direction:column;gap:.75rem;padding:1rem .5rem}.sidebar-collapsed .sidebar-user-info{display:none}}.user-detail-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.user-detail-grid{grid-template-columns:1fr 2fr;align-items:start}}.password-hidden{-webkit-text-security:disc}.required-asterisk{color:var(--color-danger,#ef4444);margin-left:.15rem;font-size:.85em}.order-delayed-badge-cell{border-left:3px solid var(--color-danger)}.order-delayed-badge-cell-none{border-left:none}.order-delay-label-warning{color:#c2410c;text-underline-offset:2px;margin-top:.25rem;font-size:.75rem;font-weight:600;-webkit-text-decoration:underline #f97316;text-decoration:underline #f97316;text-decoration-thickness:2px;display:block}.order-list-price-text{color:var(--color-text-main);font-size:.85rem;font-weight:500}.order-list-select-sm{border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:.25rem;font-size:.85rem}.flex-gap-2{gap:.5rem;display:flex}.text-danger-custom{color:var(--color-danger)}.order-details-grid-summary{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.flex-column-gap-3{flex-direction:column;gap:.75rem;display:flex}.flex-column-only{flex-direction:column;display:flex}.order-detail-meta-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:600}.order-detail-meta-label-block{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.order-detail-meta-value-bold{color:var(--color-text-main);font-size:.9rem;font-weight:500}.order-detail-meta-value-muted{color:var(--color-text-main);font-size:.9rem}.order-detail-meta-value-primary{color:var(--color-primary);font-size:.9rem;font-weight:500}.order-detail-select-custom{border:1px solid var(--color-border);cursor:pointer;background-color:var(--color-card);max-width:200px;color:var(--color-text-main);border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.order-detail-select-custom-bg{border:1px solid var(--color-border);cursor:pointer;background-color:var(--color-bg);color:var(--color-text-main);border-radius:4px;margin-top:.25rem;padding:.3rem .5rem;font-size:.85rem}.order-right-col-details{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.order-right-col-item{flex-direction:column;width:100%;display:flex}.order-status-card-box{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;width:100%;margin-top:auto;padding:.75rem;display:flex;box-shadow:0 1px 3px #00000005}.order-status-card-header{justify-content:space-between;align-items:flex-start;display:flex}.order-status-actions-container{background:var(--color-bg);margin-top:.75rem}.order-status-history-title{align-items:center;gap:.4rem;display:flex}.order-status-history-empty{font-size:.85rem}.order-row-highlighted{transition:background-color .5s;background-color:var(--color-warning-light)!important}.order-row-normal{transition:background-color .5s}.order-delay-alert-meta{color:var(--color-danger);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:500;display:flex}.edit-order-button-flex{align-items:center;gap:.5rem;display:flex}.edit-order-modal-layout-container{flex-direction:column;gap:1.25rem;height:65vh;max-height:550px;display:flex}.edit-order-grid-header{flex-shrink:0;grid-template-columns:200px 1fr;gap:1rem;display:grid}.edit-order-notes-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);resize:none;outline:none;width:100%;min-height:68px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.edit-order-alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a;flex-shrink:0;align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:flex}.edit-order-alert-icon{flex-shrink:0}.edit-order-main-grid{flex:1;grid-template-columns:minmax(0,1fr) 350px;gap:1.25rem;min-height:0;display:grid}.edit-order-left-column{border-right:1px solid var(--color-border);flex-direction:column;gap:.75rem;height:100%;min-height:0;padding-right:1.25rem;display:flex}.edit-order-pane-title{color:var(--color-text-main);flex-shrink:0;font-size:.875rem;font-weight:600}.edit-order-search-bar{flex-shrink:0;align-items:center;gap:.5rem;width:100%;display:flex}.edit-order-search-icon{color:var(--color-text-muted);flex-shrink:0}.edit-order-icon-button-muted{color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;display:flex}.edit-order-btn-badge-sm{padding:.25rem .75rem;font-size:.75rem}.edit-order-scrollable-products{flex-direction:column;flex:1;gap:.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.edit-order-empty-products-msg{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-size:.875rem}.edit-order-product-card-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.edit-order-product-img-box{border-radius:var(--radius-sm);background:var(--color-bg-body);width:40px;height:40px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.edit-order-product-img-box img{object-fit:cover;width:100%;height:100%}.edit-order-product-text-details{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.edit-order-product-name-txt{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.edit-order-product-code-txt{color:var(--color-text-muted);font-size:.75rem}.edit-order-action-section-flex{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.edit-order-price-val-box{text-align:right;width:55px;font-size:.7rem}.edit-order-qty-width-limit{width:85px}.edit-order-qty-selector-custom{justify-content:space-between;width:100%;padding:.1rem}.edit-order-qty-selector-btn-sm{padding:.15rem}.edit-order-qty-selector-val-text{font-size:.8rem;font-weight:600}.edit-order-add-btn-custom{justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.25rem .4rem;font-size:.7rem;display:flex}.edit-order-right-column{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.edit-order-scrollable-cart{flex-direction:column;flex:1;gap:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.edit-order-empty-cart-msg{color:var(--color-text-muted);text-align:center;margin-top:2rem;font-size:.875rem}.edit-order-cart-item-card{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.edit-order-cart-item-header{justify-content:space-between;align-items:flex-start;min-width:0;display:flex}.edit-order-cart-item-header-text{flex-direction:column;flex:1;min-width:0;display:flex}.edit-order-cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.edit-order-cart-item-code{color:var(--color-text-muted);font-size:.7rem}.edit-order-cart-remove-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:.15rem}.edit-order-cart-item-controls{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.edit-order-cart-item-qty-selector{padding:.1rem}.edit-order-cart-qty-input-text{text-align:center;border:none;width:30px;font-size:.8rem;font-weight:600}.edit-order-cart-price-input-container{align-items:center;gap:.1rem;display:flex}.edit-order-cart-currency-symbol{color:var(--color-text-muted);font-size:.75rem}.edit-order-cart-price-input-custom{border:1px solid var(--color-border);text-align:right;border-radius:4px;width:60px;padding:.1rem .2rem;font-size:.75rem}.edit-order-cart-subtotal-txt{color:var(--color-text-main);font-size:.85rem;font-weight:700}.edit-order-total-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.edit-order-total-label-txt{font-size:.875rem;font-weight:600}.edit-order-total-val-txt{color:var(--color-primary);font-size:1.05rem;font-weight:700}.edit-order-cart-read-only-item{background:var(--color-bg-body);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.edit-order-cart-read-only-info{flex-direction:column;min-width:0;display:flex}.edit-order-cart-read-only-name{font-size:.85rem;font-weight:600}.edit-order-cart-read-only-code{color:var(--color-text-muted);font-size:.7rem}.edit-order-cart-read-only-metrics{align-items:center;gap:1.5rem;display:flex}.edit-order-cart-read-only-qty{color:var(--color-text-muted);font-size:.85rem}.edit-order-cart-read-only-subtotal{font-size:.85rem;font-weight:700}.edit-order-cart-read-only-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:.75rem;display:flex}.edit-order-cart-read-only-total-label{margin-right:.5rem;font-size:.875rem;font-weight:600}.edit-order-cart-read-only-total-val{color:var(--color-primary);font-size:1.05rem;font-weight:700}.register-form-max-width{max-width:460px}.register-section-header-label{margin-top:.5rem}.register-back-link-btn{cursor:pointer;font:inherit;color:var(--color-primary);background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:0;font-weight:500;display:flex}.register-subtitle-link{color:var(--color-primary);font-weight:500}.register-autocomplete-container{position:relative}.register-autocomplete-button-wrapper{padding:.25rem}.register-autocomplete-dropdown-list{z-index:50;border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;box-shadow:var(--shadow-md);background:#fff;margin:.25rem 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.register-autocomplete-dropdown-item{cursor:pointer;border-bottom:1px solid var(--color-border);padding:.5rem .75rem}.register-autocomplete-dropdown-item:hover{background:var(--color-bg-body)}.register-relationships-grid{align-items:center;gap:2rem;margin-top:1rem;margin-bottom:1rem;display:flex}.register-relationships-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.register-success-pane{text-align:left;padding:0}.register-success-icon-wrapper{justify-content:flex-start;margin:0 0 1rem}.register-success-desc-text{line-height:1.5}.register-success-actions-box{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.dashboard-alerts-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-alert-card{flex:0 0 280px;padding:.75rem 1rem}.dashboard-alert-card-warning{border-left:4px solid var(--color-warning);background:#fffbeb}.dashboard-alert-card-purple{border-left:4px solid var(--color-purple);background:#faf5ff}.dashboard-alert-card-danger{border-left:4px solid var(--color-danger);background:#fef2f2}.dashboard-alert-header{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.dashboard-alert-title-warning{color:#92400e;margin:0;font-size:.9rem;font-weight:600}.dashboard-alert-title-purple{color:#6b21a8;margin:0;font-size:.9rem;font-weight:600}.dashboard-alert-title-danger{color:#991b1b;margin:0;font-size:.9rem;font-weight:600}.dashboard-alert-description-warning{color:#b45309;margin-bottom:.5rem;font-size:.75rem}.dashboard-alert-description-purple{color:#7e22ce;margin-bottom:.5rem;font-size:.75rem}.dashboard-alert-description-danger{color:#b91c1c;margin-bottom:.5rem;font-size:.75rem}.dashboard-alert-links{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-alert-link-warning{color:#92400e;background:#fff;border:1px solid #fcd34d;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:500;text-decoration:none}.dashboard-alert-link-purple{color:#6b21a8;background:#fff;border:1px solid #e9d5ff;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:500;text-decoration:none}.dashboard-alert-link-danger{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:500;text-decoration:none}.dashboard-kanban-board{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:1.25rem;padding-bottom:1rem;display:grid}.dashboard-kanban-column{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;max-height:100%;display:flex}.dashboard-kanban-column-header{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:#00000003;justify-content:space-between;align-items:center;padding:1rem;display:flex}.dashboard-kanban-column-body{background:var(--color-bg-body);flex-direction:column;flex:1;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.dashboard-kanban-card{background:var(--color-bg-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);color:var(--color-text-main)}.catalog-categories-drawer{background:var(--color-admin-sidebar);width:280px;color:var(--color-admin-sidebar-text);transition:transform var(--transition-normal);z-index:9999;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.catalog-categories-drawer.drawer-open{transform:translate(0)}.catalog-categories-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#00000080;animation:.2s ease-out catalogFadeIn;position:fixed;inset:0}.catalog-categories-close-btn{color:inherit;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex!important}.catalog-categories-close-btn:hover{background:var(--color-admin-sidebar-hover)}@keyframes catalogFadeIn{0%{opacity:0}to{opacity:1}}.admin-sidebar ::-webkit-scrollbar{width:6px;height:6px}.admin-sidebar ::-webkit-scrollbar-track{background:0 0}.admin-sidebar ::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.admin-sidebar ::-webkit-scrollbar-thumb:hover{background:#475569}.admin-sidebar{scrollbar-width:thin;scrollbar-color:#334155 transparent}html.dark select option{color:#f8fafc;background-color:#1e293b}html.dark .badge-success{color:#6ee7b7;background:#10b98133}html.dark .badge-warning{color:#fcd34d;background:#f59e0b33}html.dark .badge-error{color:#fca5a5;background:#ef444433}html.dark .badge-info{color:#93c5fd;background:#3b82f633}html.dark .badge-purple{color:#c4b5fd;background:#8b5cf633}html.dark .badge-orange{color:#fdba74;background:#f9731633}html.dark .badge-teal{color:#5eead4;background:#14b8a633}html.dark .badge-neutral{background:var(--color-secondary);color:var(--color-text-muted)}html.dark .stat-card-warning .stat-card-icon{color:#fcd34d;background:#f59e0b33}html.dark .stat-card-info .stat-card-icon{color:#93c5fd;background:#3b82f633}html.dark .stat-card-purple .stat-card-icon{color:#c4b5fd;background:#8b5cf633}html.dark .stat-card-orange .stat-card-icon{color:#fdba74;background:#f9731633}html.dark .stat-card-error .stat-card-icon{color:#fca5a5;background:#ef444433}html.dark .stat-card-success .stat-card-icon{color:#6ee7b7;background:#10b98133}html.dark .table-action-danger:hover{color:#fca5a5;background:#ef444433}html.dark .table-action-success:hover{color:#6ee7b7;background:#10b98133}html.dark .table-action-btn:hover{background:var(--color-secondary-hover);color:var(--color-text-main)}html.dark .data-table th.sortable-header:hover{background:#334155}html.dark .confirm-btn-cancel:not(:disabled):hover{color:#fca5a5;background:#ef444433;border-color:#ef444466!important}html.dark .cart-item-remove:hover,html.dark .client-mobile-logout{color:#fca5a5;background:#ef444433}html.dark .alert-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}html.dark .order-list-select-sm{background:var(--color-bg-card);color:var(--color-text-main);border-color:var(--color-border)}html.dark .product-card:hover{border-color:#475569}.product-grid{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media (width>=480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1700px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.product-card{background:var(--color-bg-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.product-card:before{content:"";background:linear-gradient(90deg, var(--color-brand-accent) 0%, var(--color-brand-blue-light) 100%);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.product-card:hover{border-color:var(--color-brand-blue-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}html.dark .product-card:hover{border-color:var(--color-brand-accent);box-shadow:0 10px 24px -10px #c2495066, var(--shadow-md)}.dashboard-kanban-order-card{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s}.dashboard-kanban-order-card-clickable{cursor:pointer}.dashboard-kanban-order-card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-blue-light);transform:translateY(-2px)}html.dark .dashboard-kanban-order-card-clickable:hover{border-color:var(--color-brand-accent);box-shadow:0 10px 24px -10px #c2495066, var(--shadow-md)}.product-card-image{aspect-ratio:1;background:var(--color-brand-blue-tint);flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.product-card-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform var(--transition-normal)}.product-card:hover .product-card-image img{transform:scale(1.045)}.product-card-placeholder{width:100%;height:100%;color:var(--color-primary);opacity:.22;justify-content:center;align-items:center;display:flex}.product-card-badge-overlay{border-radius:var(--radius-full);letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.2rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.product-card-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;padding:.7rem .75rem .75rem;display:flex}.product-card-family{color:var(--color-brand-accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;font-weight:700;line-height:1.2;overflow:hidden}html.dark .product-card-family{color:#e08289}.product-card-name{color:var(--color-text-main);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.6em;margin:0;font-size:.875rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-code{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.6875rem;line-height:1.2;overflow:hidden}.product-card-description{color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-footer{flex-direction:column;justify-content:normal;align-items:stretch;gap:.4rem;margin-top:auto;padding-top:.5rem;display:flex}.product-card-price{color:var(--color-brand-navy);letter-spacing:-.01em;white-space:nowrap;font-size:1.0625rem;font-weight:800;line-height:1.1}.product-card-cart-hint{border-radius:var(--radius-full);background:var(--color-brand-blue-tint);border:1px solid var(--color-brand-blue-light);color:var(--color-brand-navy);white-space:nowrap;align-items:center;gap:.25rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-flex}.product-card-actions{grid-template-columns:auto minmax(min-content,1fr);align-items:center;gap:.4rem;margin-top:.55rem;display:grid}.product-card .qty-selector{border-radius:var(--radius-md);flex-shrink:0;width:92px;height:34px}.product-card .qty-btn{height:100%;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);padding:0 .35rem}.product-card .qty-btn:hover:not(:disabled){background:var(--color-brand-blue-tint);color:var(--color-primary)}.product-card .qty-input{font-size:.8125rem}.product-card .add-to-cart-btn{border-radius:var(--radius-md);width:100%;min-width:0;height:34px;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);gap:.35rem;padding:0 .5rem;font-size:.8125rem;font-weight:600}.product-card .add-to-cart-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 10px -2px #2e6d9e73}.product-card .add-to-cart-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.product-card .add-to-cart-btn-added{height:30px;color:var(--color-brand-navy);border:1px solid var(--color-brand-blue-light);background:0 0;grid-column:1/-1;margin-top:.35rem;font-size:.75rem}.product-card .add-to-cart-btn.add-to-cart-btn-added:hover:not(:disabled){background:var(--color-brand-blue-tint);color:var(--color-brand-navy);box-shadow:none;transform:none}html.dark .product-card .add-to-cart-btn.add-to-cart-btn-added:hover:not(:disabled){color:#fff;background:#4a8fc22e}@container (width<=260px){.product-card-actions{grid-template-columns:1fr}.product-card .qty-selector{width:100%}}html.dark .product-card-image{background:var(--color-brand-blue-tint)}html.dark .product-card-price{color:var(--color-primary)}html.dark .product-card-cart-hint,html.dark .product-card .add-to-cart-btn-added{color:var(--color-primary);border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){.product-card,.product-card-image img,.product-card .add-to-cart-btn{transition:none}.product-card:hover,.product-card:hover .product-card-image img,.product-card .add-to-cart-btn:hover:not(:disabled){transform:none}}:root{--color-dark:#0f172a}html.dark{--color-dark:#94a3b8}.badge-dark{color:#fff;background:#0f172a;border:1px solid #000}html.dark .badge-success{color:#4ade80;background:#064e3b;border:1px solid #047857}html.dark .badge-info{color:#60a5fa;background:#1e3a8a;border:1px solid #1d4ed8}html.dark .badge-warning{color:#facc15;background:#78350f;border:1px solid #b45309}html.dark .badge-purple{color:#c084fc;background:#581c87;border:1px solid #7e22ce}html.dark .badge-teal{color:#2dd4bf;background:#115e59;border:1px solid #0f766e}html.dark .badge-dark{color:#f8fafc;background:#1e293b;border:1px solid #475569}.order-delay-label-purple{color:#9333ea;text-underline-offset:2px;margin-top:.25rem;font-size:.75rem;font-weight:600;-webkit-text-decoration:underline #a855f7;text-decoration:underline #a855f7;text-decoration-thickness:2px;display:block}html.dark .order-delay-label-warning{color:#fb923c;-webkit-text-decoration:underline #f97316;text-decoration:underline #f97316}html.dark .order-delay-label-purple{color:#c084fc;-webkit-text-decoration:underline #a855f7;text-decoration:underline #a855f7}.metrics-grid-8{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;width:100%;margin-bottom:1.25rem;display:grid}.metrics-grid-6{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:.6rem;width:100%;margin-bottom:1.5rem;display:grid}.metrics-grid-6 .stat-card{gap:.5rem;padding:.8rem .65rem}.metrics-grid-6 .stat-card-icon{width:36px;height:36px}.metrics-grid-6 .stat-card-icon svg{width:18px;height:18px}.metrics-grid-6 .stat-card-label{font-size:.7rem!important}.metrics-grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;width:100%;margin-bottom:1.5rem;display:grid}.metrics-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;width:100%;margin-bottom:1.5rem;display:grid}.metrics-grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;width:100%;margin-bottom:1.5rem;display:grid}.stat-card{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important}.stat-card-icon{flex-shrink:0!important}.stat-card-body{flex:1!important;min-width:0!important;overflow:hidden!important}.stat-card-value{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.stat-card-label{word-break:normal!important;overflow-wrap:break-word!important;-webkit-hyphens:manual!important;hyphens:manual!important;min-width:0!important;line-height:1.2!important}:root{--color-brand-navy:#143a56;--color-brand-navy-hover:#0f2c42;--color-brand-blue-light:#93bddc;--color-brand-blue-tint:#edf3f8;--color-card-border:#dce3eb}html.dark{--color-brand-navy:#0e293c;--color-brand-navy-hover:#081e2e;--color-brand-blue-light:#4a8fc2;--color-brand-blue-tint:#1b2c3b}.page-container{max-width:1600px;padding:1.75rem 1.5rem}.page-container-full{max-width:100%}.page-container-narrow{max-width:800px}@media (width<=640px){.page-container{padding:1.25rem 1rem}}.catalog-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.catalog-header-titles{text-align:left;min-width:0}.catalog-header-titles .page-title{color:var(--color-brand-navy);letter-spacing:-.01em;margin-bottom:.15rem}.catalog-quick-order-btn{border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:.45rem;height:40px;padding:0 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.catalog-search-box{flex:260px;min-width:0}.catalog-search-box .search-input{border-radius:var(--radius-md);background:var(--color-bg-card);height:40px;padding:0 1rem 0 2.5rem;font-size:.875rem}.catalog-category-wrapper{flex-shrink:0;position:relative}.catalog-category-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);height:40px;color:var(--color-brand-navy);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:.5rem;padding:0 .875rem;font-size:.78rem;font-weight:700;display:inline-flex}.catalog-category-btn:hover{border-color:var(--color-primary);background:var(--color-brand-blue-tint);color:var(--color-primary)}.catalog-category-chevron{transition:transform var(--transition-fast)}.catalog-results-info{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;font-size:.8rem;display:flex}.clear-filters-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:.8rem;font-weight:600}.clear-filters-btn:hover{color:var(--color-primary-hover);text-decoration:underline}html.dark .catalog-header-titles .page-title,html.dark .catalog-category-btn{color:var(--color-text-main)}@media (width<=640px){.catalog-header{align-items:stretch}.catalog-quick-order-btn,.catalog-category-btn,.catalog-toolbar .catalog-search-box{justify-content:center;width:100%}}.stat-card-compact{gap:.5rem;padding:.5rem .45rem}.stat-card-compact .stat-card-icon{border-radius:7px;width:30px;height:30px}.stat-card-compact .stat-card-icon svg{width:15px;height:15px}.stat-card-compact .stat-card-value{margin-bottom:.1rem;font-size:1.15rem}.stat-card-compact .stat-card-label{letter-spacing:.02em;font-size:.62rem}.catalog-header{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0c2338 0%,#143a56 48%,#2e6d9e 100%);border-bottom:none;align-items:center;gap:1.25rem;margin-bottom:1.125rem;padding:1.15rem 1.5rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 12px 28px -16px #0c2338bf}.catalog-header:after{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff1c 0deg 2.5deg,#0000 2.5deg 22deg);border-radius:50%;width:760px;height:760px;margin-top:-380px;position:absolute;top:50%;right:-170px;-webkit-mask-image:radial-gradient(circle,#0000 12%,#000 34%,#0000 68%);mask-image:radial-gradient(circle,#0000 12%,#000 34%,#0000 68%)}.catalog-header:before{content:"";background:linear-gradient(90deg, var(--color-brand-accent) 0%, #c9575c 22%, #93bddc 65%, #2e6d9e 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.catalog-header-titles{z-index:1;position:relative}.catalog-header .page-title,.catalog-header-titles .page-title{color:#fff;margin-bottom:.2rem}.catalog-header .page-subtitle{color:#c2d6e6}.catalog-header .catalog-quick-order-btn{z-index:1;color:var(--color-brand-navy);background:#fff;border:none;position:relative;box-shadow:0 6px 16px -8px #0000008c}.catalog-header .catalog-quick-order-btn:hover{color:var(--color-brand-navy);background:#eaf2f8;transform:translateY(-1px);box-shadow:0 10px 20px -8px #00000080}.product-card{background:linear-gradient(#fff 55%,#f4f9fc 100%)}html.dark .product-card{background:linear-gradient(180deg, var(--color-bg-card) 55%, #22303f 100%)}html.dark .catalog-header,html.dark .page-header{background:linear-gradient(135deg,#2b0a0c 0%,#6e1e23 55%,#8c2a30 100%)}.catalog-page{background:radial-gradient(1000px 380px at 100% -40px,#93bddc47,#0000 62%),radial-gradient(760px 320px at -80px 88%,#a62e330e,#0000 60%)}html.dark .catalog-page{background:radial-gradient(1000px 380px at 100% -40px,#4a8fc229,#0000 62%),radial-gradient(760px 320px at -80px 88%,#c2495014,#0000 60%)}@media (width<=640px){.catalog-header{padding:1rem 1.15rem 1.15rem}.catalog-header:after{width:460px;height:460px;margin-top:-230px;right:-150px}}.page-header{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0c2338 0%,#143a56 48%,#2e6d9e 100%);padding:1.5rem 1.75rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 12px 28px -16px #0c2338bf}.page-header:after{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff16 0deg 2.5deg,#0000 2.5deg 22deg);border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 12%,#000 34%,#0000 68%);mask-image:radial-gradient(circle,#0000 12%,#000 34%,#0000 68%)}.page-header:before{content:"";background:linear-gradient(90deg, var(--color-brand-accent) 0%, #c9575c 22%, #93bddc 65%, #2e6d9e 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.page-header>*{z-index:1;position:relative}.page-header .page-title,.page-header .text-primary{color:#fff}.page-header .page-subtitle{color:#c2d6e6}@media (width<=640px){.page-header{padding:1.15rem 1.15rem 1.35rem}.page-header:after{width:520px;height:520px;margin:-260px 0 0 -260px}}.app-aurora-bg{z-index:-1;pointer-events:none;background-color:var(--color-bg-body);position:fixed;inset:0;overflow:hidden}.app-aurora-bg:before{content:"";filter:blur(55px);background-color:#0000;background-image:radial-gradient(42% 42% at 25% 29%,#a62e3357,#0000 72%),radial-gradient(46% 46% at 75% 23%,#93bddc6b,#0000 72%),radial-gradient(50% 50% at 47% 80%,#2e6d9e5c,#0000 72%),radial-gradient(38% 38% at 79% 71%,#a62e333d,#0000 72%),radial-gradient(30% 30% at 53% 47%,#ffffff1a,#0000 70%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:-25%}html.dark .app-aurora-bg:before{background:radial-gradient(42% 42% at 25% 29%,#c2495061,#0000 72%),radial-gradient(46% 46% at 75% 23%,#4a8fc266,#0000 72%),radial-gradient(50% 50% at 47% 80%,#2e6d9e75,#0000 72%),radial-gradient(38% 38% at 79% 71%,#c2495042,#0000 72%),radial-gradient(30% 30% at 53% 47%,#ffffff0f,#0000 70%)}.admin-sidebar.sidebar-collapsed:before{content:"";filter:blur(32px);pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(34% 34% at 29% 29%,#d24248d9,#0000 70%),radial-gradient(36% 36% at 71% 32%,#a0c8e4cc,#0000 70%),radial-gradient(40% 40% at 44% 74%,#5499cccc,#0000 70%),radial-gradient(28% 28% at 74% 72%,#fff6,#0000 70%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:-35%}.admin-sidebar:not(.sidebar-collapsed){background:linear-gradient(175deg, #a9b7c8 0%, var(--color-admin-sidebar) 25%, var(--color-admin-sidebar) 75%, #2a0f12 100%)}.admin-sidebar>*{position:relative}.login-page-theme-toggle{z-index:2;position:absolute;top:1.25rem;right:1.25rem}.login-page-theme-toggle button{border-color:#000}html.dark .login-page-theme-toggle button{border-color:#fff}.dashboard-kanban{scrollbar-width:none;-ms-overflow-style:none}.dashboard-kanban::-webkit-scrollbar{display:none}