:root{--color-accent: #4F46E5;--color-accent-hover: #4338CA;--color-accent-tint: #EEF0FF;--color-bg: #F1F2FA;--color-surface: #FFFFFF;--color-border: #E2E4F0;--color-text-primary: #161A33;--color-text-secondary: #4E5372;--color-text-tertiary: #8A8FAD;--color-success-text: #2F7D5C;--color-success-bg: #E6F2EB;--color-warning-text: #9C7A1F;--color-warning-bg: #FBF3DE;--color-error-text: #C23B3B;--color-error-bg: #FCEAEA;--color-info-text: #0E6E8C;--color-info-bg: #E4F4F8;--color-instagram-text: #833AB4;--color-instagram-bg: #F6ECFA;--color-whatsapp-text: #2F7D5C;--color-whatsapp-bg: #E6F2EB;--color-shopify-text: #2F7D5C;--color-shopify-bg: #E6F2EB;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-sans-arabic: "IBM Plex Sans Arabic", var(--font-sans);--font-size-page-title: 24px;--font-size-section-header: 15px;--font-size-body: 14px;--font-size-table: 13px;--font-size-caption: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-card: 14px;--radius-control: 10px;--radius-pill: 999px;--shadow-resting: 0 1px 2px rgba(22, 26, 51, .04);--shadow-elevated: 0 12px 32px rgba(22, 26, 51, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-9: 36px;--glass-fill: rgba(255, 255, 255, .55);--glass-fill-strong: rgba(255, 255, 255, .78);--glass-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .65);--glass-divider: rgba(22, 26, 51, .08);--glass-blur: 18px;--glass-shadow: 0 8px 32px rgba(22, 26, 51, .1);--radius-glass: 18px;--backdrop-gradient: radial-gradient(circle at 8% 12%, rgba(79, 70, 229, .22), transparent 42%), radial-gradient(circle at 92% 8%, rgba(139, 92, 246, .2), transparent 40%), radial-gradient(circle at 75% 95%, rgba(56, 189, 248, .14), transparent 45%), var(--color-bg);--sidebar-width: 220px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass-fill: #f8f8fd;--glass-fill-strong: #ffffff}}@media(prefers-reduced-transparency:reduce){:root{--glass-fill: #f8f8fd;--glass-fill-strong: #ffffff;--glass-blur: 0px}}*,*:before,*:after{box-sizing:border-box}html,body,app-root{height:100%}app-root{display:block}body{margin:0;background:var(--backdrop-gradient);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.tabular-nums{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__error{background:var(--color-error-bg);color:var(--color-error-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:var(--font-size-table);font-weight:var(--font-weight-semibold)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label-row{display:flex;align-items:center;justify-content:space-between}.field__label{font-size:var(--font-size-table);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.field__hint{font-size:11px;color:var(--color-text-tertiary);margin-top:5px}.field__control--input,.field__control--textarea{width:100%;height:auto;padding:11px 14px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.field__control--input:focus,.field__control--textarea:focus{outline:none;border-color:var(--color-accent)}.field__control--textarea{resize:vertical;font-weight:var(--font-weight-regular);line-height:1.5}.field__control{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-tertiary)}.field__control:focus-within{border-color:var(--color-accent);color:var(--color-accent)}.field__input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body)}.field__input:focus{outline:none}.field__input::placeholder{color:var(--color-text-tertiary)}.field__toggle{display:flex;align-items:center;background:none;border:none;padding:0;color:inherit}.field__error{font-size:var(--font-size-caption);color:var(--color-error-text)}.modal form{display:flex;flex-direction:column;gap:var(--space-4)}.modal__field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex:1}.modal__field input{font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text-primary);padding:9px 12px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-surface)}.modal__field input:focus{outline:none;border-color:var(--color-accent)}.modal__field-row{display:flex;gap:var(--space-3)}.modal__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.modal__actions app-button{flex:1}.data-table{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-resting);overflow:hidden}.data-table__row{display:grid;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;text-align:start;background:none;border:none;border-top:1px solid var(--color-border);color:inherit;font:inherit;text-decoration:none}.data-table__row:first-child{border-top:none}.data-table__row--head{background:var(--color-bg);font-size:11.5px;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}button.data-table__row,a.data-table__row{cursor:pointer}button.data-table__row:hover,a.data-table__row:hover{background:var(--color-bg)}.data-table__primary{font-weight:var(--font-weight-bold);font-size:13.5px;color:var(--color-text-primary)}.data-table__muted{font-size:12.5px;color:var(--color-text-secondary)}.data-table__empty{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.settings-page{max-width:1040px;margin-inline:auto;padding:var(--space-6) var(--space-4)}.settings-tabs{display:flex;gap:var(--space-1);border-block-end:1px solid var(--color-border);margin-block-end:var(--space-5);overflow-x:auto}.settings-tabs__tab{padding:var(--space-2) var(--space-3);border:0;border-block-end:2px solid transparent;background:none;font:inherit;font-size:var(--font-size-table);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.settings-tabs__tab:hover{color:var(--color-text-primary)}.settings-tabs__tab--active{color:var(--color-accent);border-block-end-color:var(--color-accent)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);align-items:start}.panel{padding:var(--space-5);border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-resting)}.panel--wide{grid-column:1/-1}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4);flex-wrap:wrap}.panel__title{margin:0;font-size:var(--font-size-section-header);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.panel__hint{margin:var(--space-1) 0 0;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.panel__state{padding:var(--space-4) 0;font-size:var(--font-size-table);color:var(--color-text-secondary)}.panel__state--error{color:var(--color-error-text)}.panel__success{margin:var(--space-2) 0 0;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-success-text)}.detail-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.detail-list__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-table)}.detail-list__row dt{color:var(--color-text-secondary)}.detail-list__row dd{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:end;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-caption)}