:root{--brand-red:#000;--brand-red-hover:#c92323;--brand-red-light:#fef2f2;--bg-main:#f8f9fa;--bg-surface:#fff;--border-color:#eaecf0;--border-dark:#d0d5dd;--text-primary:#101828;--text-secondary:#475467;--text-muted:#98a2b3;--header-height:68px;--sidebar-collapsed-width:60px;--sidebar-expanded-width:210px;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-page-title:20px;--line-height-page-title:28px;--font-weight-page-title:600;--font-size-section-title:16px;--line-height-section-title:24px;--font-weight-section-title:600;--font-size-body:14px;--line-height-body:20px;--font-weight-body:400;--font-size-body-medium:14px;--line-height-body-medium:20px;--font-weight-body-medium:500;--font-size-small:12px;--line-height-small:16px;--font-weight-small:400;--font-size-table-body:13px;--line-height-table-body:18px;--font-weight-table-body:400;--font-size-table-head:14px;--line-height-table-head:18px;--font-weight-table-head:600;--font-size-button:13px;--line-height-button:20px;--font-weight-button:600;--font-size-badge:12px;--line-height-badge:16px;--font-weight-badge:600;--font-size-input:14px;--line-height-input:20px;--font-weight-input:400;--shadow-sm:0 1px 2px 0 #1018280d;--shadow-md:0 4px 8px -2px #10182814, 0 2px 4px -2px #1018280a;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:var(--font-family)}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#98a2b3}h1{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title);font-weight:var(--font-weight-page-title);color:var(--text-primary)}h2{font-size:var(--font-size-section-title);line-height:var(--line-height-section-title);font-weight:var(--font-weight-section-title);color:var(--text-primary)}h3{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-primary);font-weight:600}h4,h5,h6{font-size:var(--font-size-table-body);line-height:var(--line-height-table-body);color:var(--text-primary);font-weight:600}.dopeskill-logo{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;height:100%;display:inline-flex}.dopeskill-logo img{height:40px;max-height:calc(var(--header-height) - 18px);object-fit:contain;width:auto;display:block}.dopeskill-logo sup{margin-left:2px;font-size:11px;font-style:normal;font-weight:600}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-collapsed-width);border-right:1px solid var(--border-color);z-index:30;background:#fff;flex-direction:column;align-items:center;padding:12px 0;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.app-sidebar.expanded{width:var(--sidebar-expanded-width);align-items:stretch}.app-content{scrollbar-gutter:stable;background-color:var(--bg-main);flex:1;padding:20px 24px;overflow-y:auto}.nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;text-decoration:none;transition:all .15s;display:flex;position:relative}.app-sidebar.expanded .nav-item{border-radius:6px;justify-content:flex-start;gap:12px;width:calc(100% - 12px);height:38px;margin:0 6px;padding:0 12px;font-size:14px;font-weight:500}.nav-item:hover{color:var(--text-primary);background:#f1f5f9}.nav-item.active{color:var(--brand-red);background:#f1f5f9}.nav-item.active:before{content:"";background:var(--brand-red);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.app-sidebar.expanded .nav-item.active:before{border-radius:3px;top:7px;bottom:7px;left:0}.tooltip-wrapper{width:100%;display:inline-flex;position:relative}.app-sidebar:not(.expanded) .tooltip-wrapper{width:auto}.tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;box-shadow:var(--shadow-md);background:#1e293b;border-radius:5px;margin-left:10px;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}.btn{font-weight:var(--font-weight-button);font-size:var(--font-size-button);line-height:var(--line-height-button);font-family:var(--font-family);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 12px;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:translateY(1px)}.btn-black{color:#fff;background:#111827;border-color:#111827}.btn-black:hover{background:#1f2937;box-shadow:0 2px 4px #0000001f}.btn-primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-primary:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover);box-shadow:0 2px 6px #e52e2e40}.btn-secondary{color:var(--text-primary);background:#fff;border-color:#d0d5dd}.btn-secondary:hover{background:#f8f9fa;border-color:#98a2b3}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626;box-shadow:0 2px 6px #ef444440}.btn-sm{font-size:var(--font-size-small);line-height:var(--line-height-small);min-height:26px;padding:4px 8px;font-weight:600}.btn-icon{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.input{height:36px;font-size:var(--font-size-input);line-height:var(--line-height-input);font-weight:var(--font-weight-input);font-family:var(--font-family);color:var(--text-primary);background:#fff;border:1px solid #d0d5dd;border-radius:6px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}select,.select{height:36px;font-size:var(--font-size-input);line-height:var(--line-height-input);font-weight:var(--font-weight-input);font-family:var(--font-family);color:var(--text-primary);appearance:none;cursor:pointer;box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #d0d5dd;border-radius:6px;outline:none;padding:0 32px 0 12px;transition:border-color .15s,box-shadow .15s,background-color .15s}select:hover,.select:hover{background-color:#f8fafc;border-color:#94a3b8}select:focus,.select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}select option{color:#101828;background-color:#fff;padding:8px 12px;font-size:14px}select optgroup{color:#64748b;padding:6px 10px;font-size:12px;font-weight:700}.badge{font-size:var(--font-size-badge);line-height:var(--line-height-badge);font-weight:var(--font-weight-badge);font-family:var(--font-family);white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;display:inline-flex}.badge-shopify{color:#fff;background:#84cc16}.badge-fulfilled{color:#fff;background:#60a5fa}.badge-onhold{color:#fff;background:#a78bfa}.badge-cancelled{color:#fff;background:#f87171}.badge-pending{color:#475467;background:#e2e8f0}.badge-active{color:#fff;background:#22c55e}.badge-inactive{color:#fff;background:#94a3b8}.badge-printful{color:#fff;background:#14b8a6}.badge-gearment{color:#fff;background:#0284c7}.badge-teescape{color:#fff;background:#ef4444}.badge-need-review{color:#92400e;background:#fef3c7;border:1px solid #fde68a;font-weight:600}.badge-routing{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;font-weight:500}.badge-print-config{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff;font-weight:500}.badge-order-handling{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5;font-weight:500}.badge-manual-review{color:#be123c;background:#fff1f2;border:1px solid #ffe4e6;font-weight:500}.badge-priority{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:1px 7px;font-family:monospace;font-size:12px;font-weight:600}.status-pill-btn{color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:5px;padding:4px 11px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.status-pill-btn:hover{opacity:.9}.card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px}.table-wrapper{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;overflow:visible}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:var(--font-size-table-body);line-height:var(--line-height-table-body)}th{font-family:var(--font-family);font-size:var(--font-size-table-head);line-height:var(--line-height-table-head);font-weight:var(--font-weight-table-head)}.data-table th{color:#475467;font-weight:var(--font-weight-table-head);font-size:var(--font-size-table-head);line-height:var(--line-height-table-head);border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f9fafb;padding:10px 14px}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table td{color:var(--text-primary);font-size:var(--font-size-table-body);line-height:var(--line-height-table-body);font-weight:var(--font-weight-table-body);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.data-table.compact-table th{font-size:var(--font-size-table-head);line-height:var(--line-height-table-head);padding:8px 10px}.data-table.compact-table td{font-size:var(--font-size-table-body);line-height:var(--line-height-table-body);white-space:nowrap;padding:8px 10px}.data-table.compact-table .badge{font-size:var(--font-size-badge);line-height:var(--line-height-badge);padding:2px 6px}.data-table .cell-clip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-btn{color:#344054;height:26px;font-size:var(--font-size-button);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-weight:500;line-height:18px;transition:background-color .15s,border-color .15s;display:inline-flex}.row-btn:hover{background:#f9fafb;border-color:#98a2b3}.row-btn.icon{width:27px;padding:0}.row-btn.danger{color:#dc2626;border-color:#fee2e2}.row-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.row-btn:disabled{opacity:.5;cursor:not-allowed}.page-title{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title);font-weight:var(--font-weight-page-title);color:#101828;letter-spacing:-.2px}.list-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.order-note-cell .order-note-icon{opacity:0;color:#98a2b3;transition:opacity .15s}.order-note-cell:hover{background:#fff!important;border-color:#d0d5dd!important}.order-note-cell:hover .order-note-icon,.order-note-cell:focus-visible .order-note-icon{opacity:1}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.copy-btn{color:#3b82f6;cursor:pointer;vertical-align:middle;align-items:center;margin-left:5px;transition:color .15s;display:inline-flex}.copy-btn:hover{color:#1d4ed8}.status-tabs{border-bottom:1px solid var(--border-color);white-space:nowrap;align-items:center;gap:18px;margin-bottom:16px;display:flex;position:relative;overflow-x:auto}.status-tab{font-weight:var(--font-weight-body-medium);font-size:var(--font-size-body);line-height:var(--line-height-body);color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px 12px;transition:color .15s;display:inline-flex;position:relative}.status-tab:hover,.status-tab.active{color:var(--text-primary)}.status-tab-indicator{pointer-events:none;background:#0f172a;height:2px;transition:left .25s,width .25s;position:absolute;bottom:0}.tab-badge{font-size:var(--font-size-badge);line-height:var(--line-height-badge);font-weight:var(--font-weight-badge);border-radius:4px;padding:2px 7px}.tab-badge-red{color:#b91c1c;background:#fee2e2}.tab-badge-amber{color:#b45309;background:#fef3c7}.tab-badge-gray{color:#475467;background:#f1f5f9}.tab-badge-green{color:#15803d;background:#dcfce7}.tab-badge-blue{color:#1d4ed8;background:#dbeafe}.tab-badge-teal{color:#0f766e;background:#ccfbf1}.tab-badge-purple{color:#7e22ce;background:#f3e8ff}.tab-badge-solid-red{color:#fff;background:#ef4444}.tab-badge-solid-amber{color:#fff;background:#f59e0b}.tab-badge-solid-gray{color:#fff;background:#94a3b8}.tab-badge-solid-green{color:#fff;background:#22c55e}.tab-badge-solid-blue{color:#fff;background:#3b82f6}.tab-badge-solid-teal{color:#fff;background:#14b8a6}.tab-badge-solid-purple{color:#fff;background:#8b5cf6}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0f172a7a;justify-content:center;align-items:center;padding:16px;animation:.18s cubic-bezier(.16,1,.3,1) forwards overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:12px;width:100%;max-width:540px;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalPopIn;overflow:hidden;box-shadow:0 20px 25px -5px #00000024,0 8px 10px -6px #0000000d}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.drawer-overlay{-webkit-backdrop-filter:blur(3px);z-index:9999;background:#0f172a73;justify-content:flex-end;animation:.18s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.drawer-panel{width:680px;max-width:100vw;height:100vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) drawerSlide;display:flex;overflow-y:auto}@keyframes drawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.animate-spin{animation:.8s linear infinite spin;display:inline-block}.table-loading-overlay{justifyContent:center;z-index:20;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;background:#ffffffb8;flex-direction:column;align-items:center;gap:12px;min-height:200px;display:flex;position:absolute;inset:42px 0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes rowExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.subrow-enter{animation:.22s cubic-bezier(.16,1,.3,1) forwards rowExpand}.hover-scale{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,border-color .15s}.hover-scale:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.user-avatar{color:#475467;-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}.image-hover-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.image-hover-box:hover{border-color:#94a3b8;box-shadow:0 4px 12px #00000014}.image-hover-box .img-dark-overlay{opacity:0;pointer-events:none;border-radius:inherit;z-index:5;color:#cbd5e1;letter-spacing:.2px;text-shadow:0 1px 2px #00000080;-webkit-user-select:none;user-select:none;background:#0f172a73;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.image-hover-box:hover .img-dark-overlay{opacity:1}.image-hover-box .img-dark-overlay span,.image-hover-box .img-center-label{color:#cbd5e1;letter-spacing:.2px;text-shadow:0 1px 2px #00000080;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.image-hover-box .img-corner-delete-btn{color:#fff;cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#ef4444;border:none;border-radius:0 5px 0 4px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),background .15s;display:flex;position:absolute;top:0;right:0;transform:scale(.9);box-shadow:0 1px 3px #00000040}.image-hover-box:hover .img-corner-delete-btn{opacity:1;pointer-events:auto;transform:scale(1)}.image-hover-box .img-corner-delete-btn:hover{background:#dc2626;transform:scale(1.08)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.page-transition{animation:.18s cubic-bezier(.16,1,.3,1) backwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{opacity:1;animation:none;transform:none}}.toolbar-status-slot{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.btn-stable-sync{justify-content:center;min-width:124px}.table-skeleton-row td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.img-smooth-load{opacity:0;transition:opacity .18s ease-in}.img-smooth-load.loaded{opacity:1}.drag-row{transition:background-color .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.drag-row.is-dragging{opacity:.38;background-color:#f8fafc!important}.drag-row.drag-over-top{box-shadow:inset 0 3px 0 0 var(--brand-red,#e52e2e)!important;background-color:#fef2f2!important}.drag-row.drag-over-bottom{box-shadow:inset 0 -3px 0 0 var(--brand-red,#e52e2e)!important;background-color:#fef2f2!important}.drag-handle-btn{color:#94a3b8;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:inline-flex}.drag-handle-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.drag-handle-btn:active{cursor:grabbing;transform:scale(.96)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.realtime-toast-card{transition:transform .2s,box-shadow .2s}.realtime-toast-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -4px #0f172a38,0 10px 12px -5px #0f172a1f!important}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.top-products-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}@media (width<=1280px){.top-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=960px){.top-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.top-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-thumb{cursor:pointer;background:#f2f4f7;border:1px solid #eaecf0;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.product-thumb img{object-fit:contain;width:100%;height:100%;transition:transform .2s}button.product-thumb:hover{border-color:#98a2b3;box-shadow:0 2px 8px #1018281f}button.product-thumb:hover img{transform:scale(1.08)}.access-switch{background:#f2f4f7;border-radius:8px;grid-template-columns:repeat(2,1fr);width:190px;padding:3px;display:grid;position:relative}.access-switch-thumb{background:#fff;border-radius:6px;width:calc(50% - 3px);transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #10182814}.access-switch-thumb.mode-access{background:#dcfce7}.access-switch-option{z-index:1;cursor:pointer;color:#667085;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.access-switch-option:hover{color:#344054}.access-switch-option.selected{color:#344054;font-weight:600}.access-switch-option.selected.mode-access{color:#166534}.access-row{background:#fff;padding:12px 14px;transition:background-color .2s,opacity .2s,box-shadow .2s;box-shadow:inset 3px 0 #0000}.access-row:hover{background:#fcfcfd}.access-row.granted{box-shadow:inset 3px 0 #101828}.access-row-main{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.access-avatar{color:#475467;background:#f2f4f7;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.access-row.granted .access-avatar{color:#fff;background:#101828}.access-row-platforms{color:#98a2b3;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:13px;display:flex}.access-platform-tag{color:#667085;align-items:center;gap:5px;font-weight:500;display:inline-flex}.access-platform-tag .dot{border-radius:50%;width:6px;height:6px}.access-platforms-inner{grid-template-columns:34px minmax(0,1fr) 300px;align-items:center;gap:12px;padding-top:10px;display:grid}.access-platforms-label{color:#667085;grid-column:2;justify-self:end;font-size:13px}.access-chips{grid-column:3;grid-template-columns:repeat(var(--chip-count), minmax(0, 1fr));gap:6px;display:grid}.access-chips .access-chip{justify-content:center;min-width:0;padding:0 8px}.access-chip-name{flex-shrink:0}.access-chip-note{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}@media (width<=560px){.access-row-main{grid-template-columns:34px minmax(0,1fr)}.access-row-main .access-switch{grid-column:1/-1;width:100%}.access-platforms-inner{grid-template-columns:auto minmax(0,1fr)}.access-platforms-label{grid-column:1;justify-self:start}.access-chips{grid-column:2}}.access-platforms{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .2s;display:grid}.access-platforms.open{opacity:1;grid-template-rows:1fr}.access-chip{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 11px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.access-chip:hover{border-color:#98a2b3}.access-chip.on{color:#175cd3;background:#eff8ff;border-color:#b2ddff}.access-chip-check{opacity:0;width:0;margin-right:-5px;transition:width .2s,opacity .2s,margin .2s}.access-chip.on .access-chip-check{opacity:1;width:13px;margin-right:0}.ant-image-preview-fade-enter,.ant-image-preview-fade-appear{opacity:0}.ant-image-preview-fade-enter .ant-image-preview-body,.ant-image-preview-fade-appear .ant-image-preview-body{opacity:0!important;transform:scale(.3)!important}.ant-image-preview-fade-enter-active,.ant-image-preview-fade-appear-active{opacity:1}.ant-image-preview-fade-enter-active .ant-image-preview-body,.ant-image-preview-fade-appear-active .ant-image-preview-body{opacity:1!important;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s!important;transform:scale(1)!important}.ant-image-preview-fade-leave{opacity:1}.ant-image-preview-fade-leave .ant-image-preview-body{opacity:1!important;transform:scale(1)!important}.ant-image-preview-fade-leave-active{opacity:0}.ant-image-preview-fade-leave-active .ant-image-preview-body{opacity:0!important;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s!important;transform:scale(.2)!important}@keyframes floatingActionSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.floating-action-bar{animation:.22s cubic-bezier(.16,1,.3,1) forwards floatingActionSlideUp}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{filter:brightness(.95)}button:not(:disabled):active{filter:brightness(.9)}button{transition:filter .15s,background-color .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:not-allowed}.wave-ring{pointer-events:none;z-index:10000;opacity:.45;animation:.5s cubic-bezier(.08,.82,.17,1) forwards waveSpread;position:fixed;box-shadow:0 0}@keyframes waveSpread{to{opacity:0;box-shadow:0 0 0 7px}}.dropdown-pop{transform-origin:0 0;animation:.18s cubic-bezier(.16,1,.3,1) backwards dropdownPop}.dropdown-pop.from-right{transform-origin:100% 0}.dropdown-pop.from-bottom{transform-origin:0 100%}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.order-holder-chip{color:#c2410c;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;align-items:center;gap:4px;max-width:100%;margin-top:3px;padding:1px 7px;font-size:12px;font-weight:600;animation:.2s ease-out fadeIn;display:inline-flex}@media (prefers-reduced-motion:reduce){.wave-ring,.dropdown-pop{animation:none}}.lightbox-compare{pointer-events:none;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;padding:0 72px;display:flex}.lightbox-compare-item{flex:0 1 calc((100% - (var(--compare-count) - 1) * 24px) / var(--compare-count));justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.lightbox-compare-item .ant-image-preview-img{pointer-events:auto;max-width:100%;max-height:80%}@media (width<=760px){.lightbox-compare{flex-direction:column;gap:12px;padding:64px 16px 96px}.lightbox-compare-item{flex:1 1 0;width:100%;min-height:0}}.order-tags{outline:none;position:relative}.order-tags-line{white-space:nowrap;text-overflow:ellipsis;line-height:24px;overflow:hidden}.order-tag{color:#475467;background:#f1f5f9;border-radius:4px;margin-right:4px;padding:1px 7px;font-size:12px;font-weight:500;line-height:16px}.order-tags-full{z-index:70;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:8px;flex-wrap:wrap;gap:4px;width:max-content;max-width:320px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 4px);left:-8px;transform:translateY(-4px);box-shadow:0 6px 20px #10182824}.order-tags-full .order-tag{margin-right:0;line-height:1.5}.order-tags:hover .order-tags-full,.order-tags:focus-visible .order-tags-full{opacity:1;visibility:visible;transform:none}:is(tr:has(.order-tags:hover),tr:has(.order-tags:focus-visible)){z-index:60!important}.typography-page-title{color:var(--text-primary);letter-spacing:-.2px;font-size:var(--font-size-page-title)!important;line-height:var(--line-height-page-title)!important;font-weight:var(--font-weight-page-title)!important}.typography-section-title{color:var(--text-primary);font-size:var(--font-size-section-title)!important;line-height:var(--line-height-section-title)!important;font-weight:var(--font-weight-section-title)!important}.typography-body{font-size:var(--font-size-body)!important;line-height:var(--line-height-body)!important;font-weight:var(--font-weight-body)!important}.typography-body-medium{font-size:var(--font-size-body-medium)!important;line-height:var(--line-height-body-medium)!important;font-weight:var(--font-weight-body-medium)!important}.typography-small{font-size:var(--font-size-small)!important;line-height:var(--line-height-small)!important;font-weight:var(--font-weight-small)!important}.ant-typography,.ant-btn,.ant-input,.ant-select,.ant-picker,.ant-dropdown,.ant-modal,.ant-table,.ant-tabs,.ant-pagination,.ant-tag,.ant-tooltip,.ant-form,.ant-alert,.ant-menu{font-family:var(--font-family)!important}.ant-table-thead>tr>th{font-size:var(--font-size-table-head)!important;line-height:var(--line-height-table-head)!important;font-weight:var(--font-weight-table-head)!important}.ant-table-tbody>tr>td{font-size:var(--font-size-table-body)!important;line-height:var(--line-height-table-body)!important;font-weight:var(--font-weight-table-body)!important}.ant-modal-header .ant-modal-title{font-size:var(--font-size-section-title)!important;line-height:var(--line-height-section-title)!important;font-weight:var(--font-weight-section-title)!important}.ant-btn{font-size:var(--font-size-button)!important;line-height:var(--line-height-button)!important;font-weight:var(--font-weight-button)!important}.ant-input,.ant-select-selector,.ant-picker{font-size:var(--font-size-input)!important;line-height:var(--line-height-input)!important}.ant-tag{font-size:var(--font-size-badge)!important;line-height:var(--line-height-badge)!important;font-weight:var(--font-weight-badge)!important}.ant-pagination{font-size:var(--font-size-table-body)!important}.export-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}@media (width<=820px){.export-rules-grid{grid-template-columns:1fr}}