:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--primary-950: #082f49;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-700: #b91c1c;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: white;--text-muted-foreground: var(--gray-500);--bg-primary: white;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-highlight: var(--primary-50);--bg-disabled: var(--gray-200);--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-dark: var(--gray-400);--header-bg: var(--primary-700);--header-text: white;--sidebar-bg: var(--gray-50);--sidebar-active: var(--primary-100);--sidebar-hover: var(--primary-50);--btn-primary-bg: var(--primary-600);--btn-primary-text: white;--btn-primary-hover: var(--primary-700);--btn-primary-active: var(--primary-800);--btn-secondary-bg: white;--btn-secondary-text: var(--primary-700);--btn-secondary-border: var(--primary-200);--btn-secondary-hover: var(--primary-50);--btn-secondary-active: var(--primary-100);--btn-danger-bg: var(--error-500);--btn-danger-text: white;--btn-danger-hover: var(--error-700);--input-bg: white;--input-border: var(--gray-300);--input-focus-border: var(--primary-400);--input-focus-ring: var(--primary-100);--input-disabled-bg: var(--gray-100);--input-placeholder: var(--gray-400);--table-header-bg: var(--gray-50);--table-border: var(--gray-200);--table-row-hover: var(--gray-50);--table-row-selected: var(--primary-50);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ring: var(--primary-500);--ring-offset: white;--ring-offset-width: 2px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s}.dark-theme{--primary-50: #082f49;--primary-100: #0c4a6e;--primary-200: #075985;--primary-300: #0369a1;--primary-400: #0284c7;--primary-500: #0ea5e9;--primary-600: #38bdf8;--primary-700: #7dd3fc;--primary-800: #bae6fd;--primary-900: #e0f2fe;--primary-950: #f0f9ff;--gray-50: #18181b;--gray-100: #27272a;--gray-200: #3f3f46;--gray-300: #52525b;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-700: #e4e4e7;--gray-800: #f4f4f5;--gray-900: #fafafa;--gray-950: #fafafa;--text-primary: var(--gray-200);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--text-disabled: var(--gray-600);--text-inverse: var(--gray-900);--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-highlight: #333333;--bg-disabled: #3e3e3e;--border-light: #333333;--border-medium: #444444;--border-dark: #555555;--header-bg: #121212;--header-text: var(--primary-500);--sidebar-bg: #1a1a1a;--sidebar-active: #333333;--sidebar-hover: #2a2a2a;--btn-primary-bg: var(--primary-600);--btn-primary-text: var(--gray-900);--btn-primary-hover: var(--primary-500);--btn-primary-active: var(--primary-400);--btn-secondary-bg: #2a2a2a;--btn-secondary-text: var(--primary-400);--btn-secondary-border: #444444;--btn-secondary-hover: #333333;--btn-secondary-active: #3a3a3a;--table-header-bg: #1a1a1a;--table-border: #333333;--table-row-hover: #222222;--table-row-selected: #333333;--input-bg: #1e1e1e;--input-border: #444444;--input-focus-border: var(--primary-500);--input-focus-ring: rgba(14, 165, 233, .2);--input-disabled-bg: #2a2a2a;--input-placeholder: #666666}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--primary-400))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--primary-500))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--text-tertiary)}.loading-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader{border:5px solid var(--bg-primary);border-bottom-color:var(--primary-500);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader.small{width:5rem;height:5rem}.loader.medium{width:7rem;height:7rem}.loader.large{width:10rem;height:10rem}.logout-btn{cursor:pointer}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container{display:flex;background-color:#f9fafb;width:100vw;height:100vh}.dashboard-content{padding:1.5rem;height:100%;overflow-y:auto;flex:1}.sidebar{width:250px;background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;z-index:10}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center}.sidebar-logo{font-size:1.25rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.sidebar-logo-icon{width:32px;height:32px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-search{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.search-input{width:100%;padding:.5rem 1rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f3f4f6;display:flex;align-items:center}.search-input input{border:none;background:transparent;width:100%;outline:none;font-size:.875rem;color:#4b5563}.sidebar-menu{padding:.75rem 0}.menu-section{margin-bottom:1rem}.menu-title{padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.menu-items{list-style:none;padding:0;margin:0}.menu-item{padding:.5rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:#4b5563;font-size:.875rem;transition:all .2s;cursor:pointer}.menu-item:hover{background-color:#f3f4f6}.menu-item.active{background-color:#f3f4f6;color:#3b82f6;font-weight:500}.menu-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.main-content{display:flex;flex-direction:column;height:100vh;flex:1;overflow-y:auto}.page-header{margin-bottom:1.5rem;padding:1.5rem;border-bottom:1px solid #e5e7eb}.page-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.page-subtitle{font-size:1rem;color:#4b5563;display:flex;align-items:center;gap:.5rem}.stats-grid{height:fit-content;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-title{font-size:.875rem;color:#6b7280;font-weight:500}.stat-value{font-size:1.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.trend-up{color:#10b981}.trend-down{color:#ef4444}.stat-chart{height:80px;margin-top:1rem;background-color:#f9fafb;border-radius:.25rem;position:relative;overflow:hidden}.chart-line{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end}.chart-point{flex:1;height:0;background-color:#dbeafe;transition:height .3s ease}.table-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.table-title{font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.data-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem 1.5rem;font-size:.875rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.user-cell,.field-cell{display:flex;align-items:center;gap:.75rem}.user-avatar,.product-avatar,.field-avatar{width:32px;height:32px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4b5563;font-size:.875rem;aspect-ratio:1/1;background-size:cover;background-position:center}.user-info,.field-info{display:flex;flex-direction:column}.user-name,.field-name{font-weight:500;color:#111827}.user-email{font-size:.75rem;color:#6b7280}.status-cell{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-inactive{background-color:#fee2e2;color:#b91c1c}.price-cell{font-weight:500;color:#111827}.warehouse-item{padding-left:2.5rem;position:relative}.warehouse-item:before{content:"";position:absolute;left:1.5rem;top:50%;width:6px;height:6px;border-radius:50%;background-color:#3b82f6;transform:translateY(-50%)}.warehouse-item.new-york:before{background-color:#3b82f6}.warehouse-item.active:before{background-color:#10b981}.warehouse-item.inactive:before{background-color:#b91010}.warehouse-item.california:before{background-color:#f59e0b}.user-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#e5e7eb;border-radius:9999px;font-size:.75rem;line-height:1;color:#374151;margin:.25rem;max-height:1.5rem}.badge-remove{margin-left:.25rem;cursor:pointer;font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.badge-remove:hover{color:#ef4444}.tag-input-container{border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem;background-color:#fff}.tag-input-wrapper{display:flex;flex-wrap:wrap;align-items:center}.tag-input{flex:1;min-width:50px;border:none;outline:none;padding:.375rem .5rem;font-size:.875rem;background:transparent}.website-cell,.website-info{display:flex;align-items:center;gap:.75rem}.website-avatar{width:32px;height:32px;border-radius:50%;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem}.website-name{font-weight:500;color:#111827}.user-dropdown{position:absolute;z-index:10;margin-top:.25rem;background-color:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;width:16rem;overflow:hidden}.dropdown-search{padding:.5rem;border-bottom:1px solid #e5e7eb}.dropdown-results{max-height:15rem;overflow-y:auto}.dropdown-item{display:flex;align-items:center;padding:.5rem;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-avatar{width:2rem;height:2rem;border-radius:9999px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;margin-right:.5rem}.dropdown-user-info{flex-grow:1}.dropdown-user-name{font-size:.875rem;font-weight:500;color:#111827}.dropdown-user-email{font-size:.75rem;color:#6b7280}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.dashboard-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.stats-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:450px;padding:0;overflow:hidden;margin:0 auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center}.modal-body form{width:100%}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151;align-self:flex-start;width:100%}.form-input{width:100%;max-width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff;box-sizing:border-box}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.error-message{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:.375rem;margin-bottom:1.25rem;font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.cancel-button:hover{background-color:#f9fafb}.checkbox-container{display:flex;align-items:center;gap:.5rem}.checkbox-container input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db}.checkbox-container label{margin-bottom:0;font-weight:400}html[dir=rtl] .user-form-label{text-align:right;display:block;margin-bottom:.5rem}html[dir=rtl] .user-modal-title,html[dir=rtl] .user-modal-subtitle,html[dir=rtl] .user-modal-error,html[dir=rtl] .password-validation-hint{text-align:right}html[dir=rtl] .user-form-input,html[dir=rtl] .user-form-select{text-align:right;direction:rtl}html[dir=rtl] .user-modal-buttons{flex-direction:column}html[dir=rtl] .user-form-group,html[dir=rtl] th,html[dir=rtl] td,html[dir=rtl] .table-title{text-align:right}html[dir=rtl] .table-actions{flex-direction:row-reverse}html[dir=rtl] .table-actions-container{display:flex;flex-direction:row-reverse;gap:.5rem;justify-content:flex-end}html[dir=rtl] .websites-dropdown{text-align:right}html[dir=rtl] .menu-item-icon{margin-left:.5rem;margin-right:0}html[dir=rtl] .token-copy-container{flex-direction:row-reverse}html[dir=rtl] .token-copy-button{border-radius:4px 0 0 4px}html[dir=rtl] .token-input{border-radius:0 4px 4px 0}.data-table tr{display:table-row}.data-table td{vertical-align:middle;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.data-table td.expandable-cell{white-space:normal;max-height:80px;overflow:auto}.product-cell,.user-cell,.field-cell{display:flex;align-items:center;gap:.75rem}.product-info,.user-info,.field-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.user-avatar,.product-avatar,.field-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center}.table-actions-container{display:flex;gap:.5rem;justify-content:flex-start;align-items:center;height:100%}html[dir=rtl] .data-table td{text-align:right}.data-table{table-layout:fixed}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.login-box{max-width:400px;width:100%;padding:2rem;text-align:center}.login-logo{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#666;margin-bottom:2rem}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1rem;text-align:left}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.login-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1.5rem}.login-button:hover{background-color:#2563eb}.password-requirements{margin-top:1rem;text-align:left}.requirement{display:flex;align-items:center;margin-bottom:.5rem}.requirement-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.5rem;background-color:#e5e7eb;color:#fff}.requirement-icon.valid{background-color:#10b981}.requirement-text{font-size:.875rem;color:#6b7280}.back-link{display:flex;align-items:center;justify-content:center;margin-top:3rem;color:#3b82f6;text-decoration:none}.back-link:hover{text-decoration:underline}.sso-divider{text-align:center;margin:1rem 0;color:#9ca3af;font-size:.875rem;display:flex;align-items:center}.sso-divider:before,.sso-divider:after{content:"";flex-grow:1;height:1px;background-color:#e5e7eb}.sso-divider:before{margin-right:.5rem}.sso-divider:after{margin-left:.5rem}.sso-button{width:100%;padding:.75rem 1rem;border-radius:.375rem;background-color:#4f46e5;color:#fff;font-weight:600;border:none;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.sso-button:hover{background-color:#4338ca}.sso-button:disabled{background-color:#a5b4fc;cursor:not-allowed}.back-icon{width:2rem;height:2rem;margin-right:.5rem}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:.75rem;border-radius:4px;margin-bottom:1rem}.table-action-button{padding:.35rem .75rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.table-action-button-primary{background-color:#3b82f6;color:#fff}.table-action-button-primary:hover{background-color:#2563eb}.table-action-button-success{background-color:#10b981;color:#fff}.table-action-button-success:hover{background-color:#059669}.table-action-button-warning{background-color:#f59e0b;color:#fff}.table-action-button-warning:hover{background-color:#d97706}.table-action-button-danger{background-color:#ef4444;color:#fff}.table-action-button-danger:hover{background-color:#e53e3e;color:#fff}.table-action-button-info{background-color:#ebf8ff;color:#3182ce;border:1px solid #bee3f8}.table-action-button-info:hover{background-color:#3182ce;color:#fff}.table-actions-container{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.table-action-button:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.table-action-button:active{transform:translateY(0);box-shadow:none}.table-container{display:flex;flex-direction:column;height:100%}.table-scroll-container{flex:1;overflow:auto}.table{width:100%;caption-bottom:true;font-size:.875rem}.table-header{position:sticky;top:0;background-color:#f9fafb}.table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.table-row:hover{background-color:#0000000d}.table-head{height:3rem;padding:0 1rem;text-align:left;vertical-align:middle;font-weight:500;color:#6b7280;cursor:pointer}.table-head-content{display:flex;align-items:center}.table-cell{padding:1rem;vertical-align:middle}.table-section{margin:1.5rem 0;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.table-title{display:flex;align-items:center;font-size:1.125rem;font-weight:600;color:#111827}.menu-item-icon{margin-right:.75rem;font-size:1.25rem}.table-actions{display:flex;gap:.5rem}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:500;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f9fafb}[dir=rtl] .menu-item-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .data-table th,[dir=rtl] .data-table td,[dir=rtl] .table-head,.rtl-table th,.rtl-table td,.rtl-table-cell{text-align:right}.rtl-preserve{direction:ltr}.rtl-reverse{direction:rtl}.table-cell-checkbox{padding-right:0}.table-empty-message{text-align:center;padding:2.5rem 0;color:#6b7280}[dir=rtl] .table-head,[dir=rtl] .table-cell{text-align:right}[dir=rtl] .table-cell-checkbox{padding-right:1rem;padding-left:0}[dir=rtl] .table{direction:rtl}.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:450px;padding:2rem;margin:0 auto}.user-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.user-modal-subtitle{color:#666;margin-bottom:1.5rem;text-align:center}.user-modal-form{margin-bottom:1.5rem}.user-form-group{margin-bottom:1rem;text-align:left}.user-form-label{display:block;margin-bottom:.5rem;font-weight:500}.user-form-input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;max-width:100%}.user-form-select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;box-sizing:border-box;max-width:100%}.user-modal-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}.user-modal-button:hover{background-color:#2563eb}.user-modal-button-secondary{width:100%;padding:.75rem;background-color:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:.5rem}.user-modal-button-secondary:hover{background-color:#f0f7ff}.user-modal-error{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.user-modal-buttons{display:flex;flex-direction:column}.password-validation-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.selectors-input-container{position:relative;width:100%;z-index:1000;padding:0;border:unset}.selectors-input-wrapper{display:flex;align-items:center;position:relative;width:100%;border:1px solid #ccc;border-radius:4px;background-color:#fff;overflow:hidden;height:42px;box-sizing:border-box}.selectors-input-prefix{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#666;font-weight:500;font-size:1rem}.selectors-input{flex:1;padding:.75rem 0;border:none;outline:none;font-size:1rem;background-color:transparent;width:100%;box-sizing:border-box}.selectors-input-clear{background:none;border:none;padding:4px;margin-right:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s}.selectors-input-clear:hover{color:#666}.selectors-dropdown-toggle{background:none;border:none;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.selectors-dropdown-toggle:hover{color:#333}.selectors-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:1001;margin-top:4px;transition:opacity .2s,visibility .2s}.selectors-dropdown-visible{opacity:1;visibility:visible}.selectors-dropdown-hidden{opacity:0;visibility:hidden;pointer-events:none}.selectors-list{list-style:none;padding:0;margin:0}.selector-item{padding:0;border-bottom:1px solid #eee}.selector-item:last-child{border-bottom:none}.selector-checkbox-label{display:flex;align-items:center;margin:8px 12px;cursor:pointer;transition:background-color .2s;justify-content:space-between}.selector-checkbox-label:hover{background-color:#f5f5f5}.selector-checkbox{margin-right:8px;cursor:pointer}.selector-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;direction:ltr;text-align:left}.drag-handle{cursor:grab;color:#999;font-size:18px;margin-left:8px;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#666}.selector-item.dragging{opacity:.5;background-color:#f0f0f0;cursor:grabbing}.selector-item.drop-target-above{border-top:2px solid #3b82f6}.selector-item.drop-target-below{border-bottom:2px solid #3b82f6}.selector-item{padding:0;border-bottom:1px solid #eee;transition:transform .15s ease,box-shadow .15s ease,border .15s ease}.no-selectors{padding:12px;text-align:center;color:#999;font-style:italic;font-size:14px}[dir=rtl] .selectors-input-wrapper{flex-direction:row-reverse}[dir=rtl] .selectors-input-clear{margin-right:0;margin-left:4px}[dir=rtl] .selector-checkbox{margin-right:0;margin-left:8px}.selectors-input:focus{box-shadow:none}.selectors-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.selector-checkbox:checked+.selector-text{font-weight:500;color:#3b82f6}.jobs-view .card{padding:0;border-radius:10px;overflow:hidden}.jobs-view .card-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.jobs-view .card-title{font-weight:600;font-size:18px;margin-bottom:8px}.jobs-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.jobs-filters .input{height:40px;line-height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb}.jobs-filters select.input{height:40px;line-height:40px}.jobs-filters input[type=date].input{height:40px;line-height:40px;padding:0 12px}.jobs-filters input,.jobs-filters select,.jobs-filters button{box-sizing:border-box}.jobs-filters .input:focus{outline:none;border-color:#93c5fd;background:#fff}.jobs-filters .btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid #2563eb;background:#2563eb;color:#fff}.jobs-filters .btn:hover{background:#1d4ed8;border-color:#1d4ed8}.table-wrapper{width:100%;overflow-x:auto;background:#fff}.expand-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.expand-btn:focus{outline:2px solid #93c5fd}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.status-running{background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc}.status-completed{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-failed{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.status-scheduled{background:#f5f3ff;color:#5b21b6;border:1px solid #ddd6fe}.status-queued{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.status-disabled{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-stop{width:28px;height:28px;border-radius:6px;border:none;background:#ef4444;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-stop:hover{background:#dc2626}.job-products{padding:8px 0 8px 8px}.job-products .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.product-card{display:flex;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.product-thumb{width:80px;height:80px;flex:0 0 auto;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-meta{flex:1;min-width:0}.product-meta .title{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta .sku-url{display:flex;flex-direction:column;color:#6b7280;font-size:12px}.product-meta .price{margin-top:4px;font-weight:600;color:#111827}.data-table th{font-size:12px;letter-spacing:.03em}.data-table td{font-size:13px}.jobs-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}.pager-left,.pager-right{display:flex;align-items:center;gap:10px}.pager-btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;color:#111827}.pager-btn:hover:not(:disabled){border-color:#93c5fd;box-shadow:0 1px 2px #0000000d}.pager-btn:disabled{opacity:.5;cursor:not-allowed}.pager-info{font-size:14px;color:#6b7280}.pager-select{height:36px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb}.pager-select:focus{outline:none;border-color:#93c5fd;background:#fff}.oauth-callback-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f9fafb}.oauth-error-box{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;text-align:center;max-width:400px;width:100%}.oauth-error-title{font-size:1.5rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}.oauth-error-message{font-size:1rem;color:#4b5563;margin-bottom:1.5rem}.oauth-back-button{width:100%;padding:.75rem 1rem;border-radius:.375rem;background-color:#4f46e5;color:#fff;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.oauth-back-button:hover{background-color:#4338ca}.language-switcher{position:relative;width:100%}.language-label{font-size:12px;font-weight:700;color:#fff;margin-bottom:4px;text-transform:uppercase}.language-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #0000001a}.language-flag-container{display:flex;align-items:center}.language-flag{margin:0 8px;font-size:18px}.language-flag-img{width:24px;height:auto}.language-name{font-weight:700}.dropdown-arrow{margin:0 8px}.language-dropdown{position:absolute;left:0;right:0;margin-top:8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 15px #0000001a;z-index:10;overflow:hidden}.language-option{display:flex;align-items:center;width:100%;padding:12px 16px;font-size:16px;text-align:left;background-color:#fff;border:none;cursor:pointer}.language-option-active{background-color:#f8f8f8}.language-option-with-border{border-bottom:1px solid #f0f0f0}.language-option-flag{margin:0 8px;font-size:18px}.language-option-name{font-weight:500}.language-option-checkmark{margin-left:auto;color:#4caf50}[dir=rtl] .language-option{text-align:right}[dir=rtl] .language-option-checkmark{margin-left:0;margin-right:auto}.header{background:linear-gradient(to right,#9b87f5,#7e69ab);padding:1rem;display:flex;align-items:center;justify-content:space-between}.header-logo-container{width:7rem;height:4rem;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-right:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-logo{height:100%;object-fit:contain}.header-text-container{text-align:start}.header-title{color:#fff;font-weight:600;font-size:.875rem}.header-description{color:#fffc;font-size:.75rem}.language-switcher-container{width:7rem}.admin-header{background-color:#3b82f6;padding:.75rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;margin:0;border-bottom:none}.admin-header-left{flex:1}.admin-header-title-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.admin-header-icon{width:2rem;height:2rem;background-color:#fff;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.admin-header-title{font-size:1.25rem;font-weight:700}.admin-header-subtitle{font-size:.875rem;opacity:.9;margin-left:2.75rem}.admin-header-right{display:flex;align-items:center;gap:.75rem}.admin-user-info{display:flex;align-items:center;gap:.5rem}.admin-user-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:#fff;color:#3b82f6}.admin-user-initial{font-size:.875rem;font-weight:700}.admin-user-name{font-size:.875rem;color:#fff}.admin-logout-btn{background-color:transparent;border:1px solid white;color:#fff;font-size:.875rem;padding:.25rem .75rem;border-radius:.25rem}[dir=rtl] .header-logo-container,[dir=rtl] .admin-header-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .admin-header-subtitle{margin-left:0;margin-right:2.75rem}[dir=rtl] .admin-header-left,[dir=rtl] .admin-header-title,[dir=rtl] .admin-header-subtitle,[dir=rtl] .admin-user-name{text-align:right}