.sales-portal{--sales-coral-500: #FF6F61;--sales-coral-400: #FF8A7A;--sales-coral-600: #E85A4F;--sales-coral-100: #FFF0EE;--sales-purple-500: #8B5CF6;--sales-purple-100: #F3F0FF;--sales-success: #10B981;--sales-success-light: #D1FAE5;--sales-warning: #F59E0B;--sales-warning-light: #FEF3C7;--sales-danger: #EF4444;--sales-danger-light: #FEE2E2;--sales-gray-900: #111827;--sales-gray-700: #374151;--sales-gray-600: #4B5563;--sales-gray-500: #6B7280;--sales-gray-400: #9CA3AF;--sales-gray-300: #D1D5DB;--sales-gray-200: #E5E7EB;--sales-gray-100: #F3F4F6;--sales-gray-50: #F9FAFB;--sales-white: #FFFFFF;--sales-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--sales-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--sales-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--sales-transition-fast: .15s ease-out;--sales-transition-normal: .2s ease-out;--sales-space-xs: 4px;--sales-space-sm: 8px;--sales-space-md: 12px;--sales-space-lg: 16px;--sales-space-xl: 24px;--sales-space-2xl: 32px;--sales-space-3xl: 48px;--sales-font-xs: 12px;--sales-font-sm: 13px;--sales-font-base: 14px;--sales-font-lg: 16px;--sales-font-xl: 20px;--sales-font-2xl: 28px;--sales-sidebar-width: 240px;--sales-content-max-width: 1400px;--sales-radius-sm: 4px;--sales-radius-md: 8px;--sales-radius-lg: 12px;--sales-radius-xl: 16px;--sales-radius-full: 9999px}.sales-portal{display:grid;grid-template-columns:2fr 10fr;width:100vw;height:100vh;overflow:hidden;background:var(--sales-white);direction:rtl;font-family:Heebo,Rubik,sans-serif;color:var(--sales-gray-900)}.portal-sidebar{background:var(--sales-gray-50);border-inline-start:1px solid var(--sales-gray-200);display:flex;flex-direction:column;height:100vh;overflow:hidden}.portal-sidebar .sidebar-header{padding:var(--sales-space-xl);border-bottom:1px solid var(--sales-gray-200)}.portal-sidebar .sidebar-header .portal-title{font-size:var(--sales-font-lg);font-weight:700;color:var(--sales-gray-900);margin:0}.portal-sidebar .sidebar-header .portal-subtitle{font-size:var(--sales-font-sm);color:var(--sales-gray-500);margin:var(--sales-space-xs) 0 0 0}.portal-sidebar .sidebar-nav{flex:1;padding:var(--sales-space-lg) 0;overflow-y:auto}.portal-sidebar .nav-item{display:flex;align-items:center;gap:var(--sales-space-md);padding:var(--sales-space-md) var(--sales-space-xl);color:var(--sales-gray-600);text-decoration:none;font-size:var(--sales-font-base);font-weight:500;transition:var(--sales-transition-fast);border-inline-end:3px solid transparent}.portal-sidebar .nav-item:hover{background:var(--sales-gray-100);color:var(--sales-gray-900)}.portal-sidebar .nav-item.active{background:var(--sales-coral-100);color:var(--sales-coral-600);border-inline-end-color:var(--sales-coral-500)}.portal-sidebar .nav-item .nav-icon{width:20px;height:20px;flex-shrink:0}.portal-sidebar .sidebar-footer{padding:var(--sales-space-lg) var(--sales-space-xl);border-top:1px solid var(--sales-gray-200);font-size:var(--sales-font-xs);color:var(--sales-gray-400)}.portal-content{height:100vh;overflow-y:auto}.sales-portal .page{padding:var(--sales-space-2xl);height:100%;overflow-y:auto}.sales-portal .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sales-space-2xl);padding-bottom:var(--sales-space-xl);border-bottom:1px solid var(--sales-gray-100)}.sales-portal .page-header .header-content .page-title{font-size:24px;font-weight:700;color:var(--sales-gray-900);margin:0 0 6px;letter-spacing:-.5px}.sales-portal .page-header .header-content .page-subtitle{font-size:var(--sales-font-base);color:var(--sales-gray-500);margin:0}.sales-portal .stats-row{display:flex;gap:var(--sales-space-xl);margin-bottom:var(--sales-space-2xl);padding:var(--sales-space-lg) var(--sales-space-xl);background:var(--sales-gray-50);border-radius:12px}.sales-portal .stat-item{display:flex;flex-direction:column;gap:2px;padding-inline-end:var(--sales-space-xl);border-inline-end:1px solid var(--sales-gray-200)}.sales-portal .stat-item:last-child{border-inline-end:none;padding-inline-end:0}.sales-portal .stat-value{font-size:22px;font-weight:700;color:var(--sales-gray-900);line-height:1}.sales-portal .stat-value.stat-approved,.sales-portal .stat-value.stat-completed,.sales-portal .stat-value.stat-linked{color:#059669}.sales-portal .stat-value.stat-pending,.sales-portal .stat-value.stat-sending,.sales-portal .stat-value.stat-scheduled{color:#d97706}.sales-portal .stat-value.stat-draft,.sales-portal .stat-value.stat-unlinked{color:var(--sales-gray-400)}.sales-portal .stat-label{font-size:var(--sales-font-xs);color:var(--sales-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sales-portal .filters-bar{display:flex;align-items:center;gap:var(--sales-space-md);margin-bottom:var(--sales-space-xl)}.sales-portal .search-box{display:flex;align-items:center;gap:var(--sales-space-sm);flex:1;max-width:300px;padding:0 var(--sales-space-md);background:var(--sales-white);border:1px solid var(--sales-gray-200);border-radius:8px;transition:var(--sales-transition-fast)}.sales-portal .search-box:focus-within{border-color:var(--sales-coral-400);box-shadow:0 0 0 3px #ff6f6114}.sales-portal .search-box svg{width:16px;height:16px;color:var(--sales-gray-400);flex-shrink:0}.sales-portal .search-box input{flex:1;border:none;background:transparent;padding:10px 0;font-size:var(--sales-font-sm);color:var(--sales-gray-900);outline:none;font-family:inherit}.sales-portal .filter-select{padding:10px var(--sales-space-md);padding-inline-end:32px;font-size:var(--sales-font-sm);font-family:inherit;color:var(--sales-gray-700);background:var(--sales-white);border:1px solid var(--sales-gray-200);border-radius:8px;cursor:pointer;transition:var(--sales-transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%239CA3AF' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center}.sales-portal .filter-select:focus{outline:none;border-color:var(--sales-coral-400);box-shadow:0 0 0 3px #ff6f6114}.sales-portal .filter-select:hover{border-color:var(--sales-gray-300)}.content-section{margin-bottom:var(--sales-space-3xl)}.content-section:last-child{margin-bottom:0}.content-section h2{font-size:var(--sales-font-xl);font-weight:600;color:var(--sales-gray-900);margin:0 0 var(--sales-space-lg) 0;padding-bottom:var(--sales-space-md);border-bottom:2px solid var(--sales-gray-200)}.content-section h3{font-size:var(--sales-font-lg);font-weight:600;color:var(--sales-gray-700);margin:0 0 var(--sales-space-md) 0}.sales-portal .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sales-space-sm);padding:var(--sales-space-md) var(--sales-space-lg);font-size:var(--sales-font-base);font-weight:600;font-family:inherit;border-radius:6px;border:none;cursor:pointer;transition:var(--sales-transition-fast);text-decoration:none}.sales-portal .btn:active{transform:scale(.98)}.sales-portal .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sales-portal .btn-primary{background:var(--sales-coral-500);color:var(--sales-white)}.sales-portal .btn-primary:hover:not(:disabled){background:var(--sales-coral-600)}.sales-portal .btn-secondary{background:transparent;color:var(--sales-gray-700);border:1px solid var(--sales-gray-300)}.sales-portal .btn-secondary:hover:not(:disabled){background:var(--sales-gray-100);border-color:var(--sales-gray-400)}.sales-portal .btn-ghost{background:transparent;color:var(--sales-coral-500)}.sales-portal .btn-ghost:hover:not(:disabled){background:var(--sales-coral-100)}.sales-portal .btn-danger{background:var(--sales-danger);color:var(--sales-white)}.sales-portal .btn-danger:hover:not(:disabled){background:#dc2626}.sales-portal .btn-warning{background:var(--sales-warning);color:var(--sales-white)}.sales-portal .btn-warning:hover:not(:disabled){background:#d97706}.sales-portal .btn-sm{padding:var(--sales-space-sm) var(--sales-space-md);font-size:var(--sales-font-sm)}.sales-portal .btn-lg{padding:var(--sales-space-lg) var(--sales-space-xl);font-size:var(--sales-font-lg)}.sales-portal .badge{display:inline-flex;align-items:center;padding:var(--sales-space-xs) var(--sales-space-sm);font-size:var(--sales-font-xs);font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.sales-portal .badge-success{background:var(--sales-success-light);color:var(--sales-success)}.sales-portal .badge-warning{background:var(--sales-warning-light);color:#b45309}.sales-portal .badge-danger{background:var(--sales-danger-light);color:var(--sales-danger)}.sales-portal .badge-info{background:var(--sales-purple-100);color:var(--sales-purple-500)}.sales-portal .badge-neutral{background:var(--sales-gray-100);color:var(--sales-gray-600)}.sales-portal .badge-coral{background:var(--sales-coral-100);color:var(--sales-coral-600)}.sales-portal .form-group{margin-bottom:var(--sales-space-xl)}.sales-portal .form-group label{display:block;font-size:var(--sales-font-sm);font-weight:600;color:var(--sales-gray-700);margin-bottom:var(--sales-space-sm)}.sales-portal .form-group .form-hint{font-size:var(--sales-font-xs);color:var(--sales-gray-400);margin-top:var(--sales-space-xs)}.sales-portal .form-group .form-error{font-size:var(--sales-font-xs);color:var(--sales-danger);margin-top:var(--sales-space-xs)}.sales-portal .input,.sales-portal .textarea,.sales-portal .select{width:100%;padding:var(--sales-space-md) var(--sales-space-lg);font-size:var(--sales-font-base);font-family:inherit;color:var(--sales-gray-900);background:var(--sales-white);border:1px solid var(--sales-gray-300);border-radius:6px;transition:var(--sales-transition-fast)}.sales-portal .input::placeholder,.sales-portal .textarea::placeholder,.sales-portal .select::placeholder{color:var(--sales-gray-400)}.sales-portal .input:focus,.sales-portal .textarea:focus,.sales-portal .select:focus{outline:none;border-color:var(--sales-coral-500);box-shadow:0 0 0 3px var(--sales-coral-100)}.sales-portal .input:disabled,.sales-portal .textarea:disabled,.sales-portal .select:disabled{background:var(--sales-gray-100);cursor:not-allowed}.sales-portal .input.has-error,.sales-portal .textarea.has-error,.sales-portal .select.has-error{border-color:var(--sales-danger)}.sales-portal .input.has-error:focus,.sales-portal .textarea.has-error:focus,.sales-portal .select.has-error:focus{box-shadow:0 0 0 3px var(--sales-danger-light)}.sales-portal .textarea{min-height:100px;resize:vertical}.sales-portal .select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:36px}.sales-portal .empty-state{text-align:center;padding:var(--sales-space-3xl)}.sales-portal .empty-state .empty-icon{width:64px;height:64px;margin:0 auto var(--sales-space-xl);color:var(--sales-gray-300)}.sales-portal .empty-state .empty-title{font-size:var(--sales-font-lg);font-weight:600;color:var(--sales-gray-700);margin:0 0 var(--sales-space-sm) 0}.sales-portal .empty-state .empty-description{font-size:var(--sales-font-base);color:var(--sales-gray-500);margin:0 0 var(--sales-space-xl) 0}.sales-portal .skeleton{background:linear-gradient(90deg,var(--sales-gray-100) 25%,var(--sales-gray-200) 50%,var(--sales-gray-100) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.sales-portal .skeleton-text{height:14px;margin-bottom:var(--sales-space-sm)}.sales-portal .skeleton-text:last-child{width:70%}.sales-portal .skeleton-title{height:24px;width:40%;margin-bottom:var(--sales-space-lg)}.sales-portal .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sales-space-2xl)}.sales-portal .page-header .header-content{flex:1}.sales-portal .page-header .page-title{font-size:var(--sales-font-2xl);font-weight:700;color:var(--sales-gray-900);margin:0 0 var(--sales-space-xs) 0;line-height:1.2}.sales-portal .page-header .page-subtitle{font-size:var(--sales-font-base);color:var(--sales-gray-500);margin:0}.sales-portal .page-header .header-actions{display:flex;gap:var(--sales-space-sm)}.sales-portal .page-header .header-actions .btn svg{width:18px;height:18px}.sales-portal .stats-row{display:flex;gap:var(--sales-space-3xl);padding:var(--sales-space-lg) 0;margin-bottom:var(--sales-space-2xl);border-bottom:1px solid var(--sales-gray-200)}.sales-portal .stat-item{display:flex;flex-direction:column;gap:var(--sales-space-xs)}.sales-portal .stat-value{font-size:28px;font-weight:700;color:var(--sales-gray-900);line-height:1}.sales-portal .stat-value.stat-approved{color:#22c55e}.sales-portal .stat-value.stat-pending{color:#f59e0b}.sales-portal .stat-value.stat-draft{color:var(--sales-gray-500)}.sales-portal .stat-label{font-size:var(--sales-font-sm);color:var(--sales-gray-500);font-weight:500}.sales-portal .filters-bar{display:flex;gap:var(--sales-space-md);margin-bottom:var(--sales-space-xl);flex-wrap:wrap}.sales-portal .search-box{display:flex;align-items:center;gap:var(--sales-space-sm);background:var(--sales-white);border:1px solid var(--sales-gray-300);border-radius:8px;padding:0 var(--sales-space-md);flex:1;max-width:320px;transition:var(--sales-transition-fast)}.sales-portal .search-box:focus-within{border-color:var(--sales-coral-500);box-shadow:0 0 0 3px var(--sales-coral-100)}.sales-portal .search-box svg{width:18px;height:18px;color:var(--sales-gray-400);flex-shrink:0}.sales-portal .search-box input{flex:1;border:none;background:transparent;padding:var(--sales-space-md) 0;font-size:var(--sales-font-base);color:var(--sales-gray-900);outline:none;font-family:inherit}.sales-portal .search-box input::placeholder{color:var(--sales-gray-400)}.sales-portal .filter-select{padding:var(--sales-space-md) var(--sales-space-lg);padding-inline-start:var(--sales-space-lg);padding-inline-end:36px;font-size:var(--sales-font-base);font-family:inherit;color:var(--sales-gray-700);background:var(--sales-white);border:1px solid var(--sales-gray-300);border-radius:8px;cursor:pointer;transition:var(--sales-transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.sales-portal .filter-select:focus{outline:none;border-color:var(--sales-coral-500);box-shadow:0 0 0 3px var(--sales-coral-100)}.sales-portal .filter-select:hover{border-color:var(--sales-gray-400)}.sales-portal .data-table-container{background:var(--sales-white);border:1px solid var(--sales-gray-200);border-radius:12px;overflow:hidden}.sales-portal .data-table{width:100%;border-collapse:collapse}.sales-portal .data-table thead{background:var(--sales-gray-50)}.sales-portal .data-table thead tr{border-bottom:1px solid var(--sales-gray-200)}.sales-portal .data-table thead th{padding:var(--sales-space-md) var(--sales-space-lg);text-align:start;font-size:var(--sales-font-xs);font-weight:600;color:var(--sales-gray-500);text-transform:uppercase;letter-spacing:.5px}.sales-portal .data-table tbody tr{border-bottom:1px solid var(--sales-gray-100);transition:var(--sales-transition-fast)}.sales-portal .data-table tbody tr:last-child{border-bottom:none}.sales-portal .data-table tbody tr:hover{background:var(--sales-gray-50)}.sales-portal .data-table tbody td{padding:var(--sales-space-md) var(--sales-space-lg);font-size:var(--sales-font-base);color:var(--sales-gray-700);vertical-align:middle}.sales-portal .data-table tbody td strong{color:var(--sales-gray-900);font-weight:600}.sales-portal .status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--sales-font-xs);font-weight:600;border-radius:6px}.sales-portal .status-badge.status-draft{background:var(--sales-gray-100);color:var(--sales-gray-600)}.sales-portal .status-badge.status-pending,.sales-portal .status-badge.status-pending_approval{background:#fef3c7;color:#b45309}.sales-portal .status-badge.status-approved{background:#dcfce7;color:#15803d}.sales-portal .status-badge.status-rejected{background:#fee2e2;color:#b91c1c}.sales-portal .action-buttons{display:flex;gap:var(--sales-space-xs)}.sales-portal .btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--sales-gray-500);cursor:pointer;transition:var(--sales-transition-fast);text-decoration:none}.sales-portal .btn-icon svg{width:18px;height:18px}.sales-portal .btn-icon:hover:not(:disabled){background:var(--sales-gray-100);color:var(--sales-gray-700)}.sales-portal .btn-icon:disabled{opacity:.5;cursor:not-allowed}.sales-portal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sales-space-3xl);color:var(--sales-gray-400)}.sales-portal .empty-state svg{width:64px;height:64px;margin-bottom:var(--sales-space-lg);opacity:.5}.sales-portal .empty-state p{margin:0;font-size:var(--sales-font-base)}:root{--shift-black: #010101;--shift-white: #ffffff;--shift-primary: #4371ae;--shift-success: #4ebd65;--shift-warning: #ee01a0;--shift-info: #1cd5ca;--shift-accent: #ade24c;--shift-gray-light: #abaaaa;--shift-gray-dark: #474042;--shift-pink-light: #fc6ec9;--shift-gray-50: #fafafa;--shift-gray-100: #f5f5f5;--shift-gray-200: var(--shift-gray-light);--shift-gray-300: #999999;--shift-gray-400: #888888;--shift-gray-500: #666666;--shift-gray-600: var(--shift-gray-dark);--shift-gray-700: #333333;--shift-gray-800: #222222;--shift-gray-900: var(--shift-black);--shift-primary-light: #5a85c4;--shift-primary-dark: #2c5a94;--shift-success-light: #6bcf7f;--shift-success-dark: #3a9b4e;--shift-warning-light: #f225b6;--shift-warning-dark: #c7017a;--shift-info-light: #4de3d2;--shift-info-dark: #15a598;--shift-accent-light: #c9f06d;--shift-accent-dark: #8bb036;--shift-surface: var(--shift-white);--shift-surface-alt: var(--shift-gray-50);--shift-surface-dark: var(--shift-gray-800);--shift-border: var(--shift-gray-light);--shift-border-light: var(--shift-gray-100);--shift-border-dark: var(--shift-gray-dark);--shift-text-primary: var(--shift-black);--shift-text-secondary: var(--shift-gray-dark);--shift-text-muted: var(--shift-gray-light);--shift-text-inverse: var(--shift-white)}html{--mat-sys-background: #fcf8fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f3eff4;--mat-sys-inverse-primary: #bec2ff;--mat-sys-inverse-surface: #303034;--mat-sys-on-background: #1b1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #0000ef;--mat-sys-on-primary-fixed: #00006e;--mat-sys-on-primary-fixed-variant: #0000ef;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #444559;--mat-sys-on-secondary-fixed: #191a2c;--mat-sys-on-secondary-fixed-variant: #444559;--mat-sys-on-surface: #1b1b1f;--mat-sys-on-surface-variant: #46464f;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #777680;--mat-sys-outline-variant: #c7c5d0;--mat-sys-primary: #343dff;--mat-sys-primary-container: #e0e0ff;--mat-sys-primary-fixed: #e0e0ff;--mat-sys-primary-fixed-dim: #bec2ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #5c5d72;--mat-sys-secondary-container: #e1e0f9;--mat-sys-secondary-fixed: #e1e0f9;--mat-sys-secondary-fixed-dim: #c5c4dd;--mat-sys-shadow: #000000;--mat-sys-surface: #fcf8fd;--mat-sys-surface-bright: #fcf8fd;--mat-sys-surface-container: #f0edf1;--mat-sys-surface-container-high: #ebe7eb;--mat-sys-surface-container-highest: #e5e1e6;--mat-sys-surface-container-low: #f6f2f7;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dcd9dd;--mat-sys-surface-tint: #343dff;--mat-sys-surface-variant: #e4e1ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Heebo, Rubik, Inter, sans-serif;--mat-sys-body-large-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Heebo, Rubik, Inter, sans-serif;--mat-sys-body-medium-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Heebo, Rubik, Inter, sans-serif;--mat-sys-body-small-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Heebo, Rubik, Inter, sans-serif;--mat-sys-display-large-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Heebo, Rubik, Inter, sans-serif;--mat-sys-display-medium-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Heebo, Rubik, Inter, sans-serif;--mat-sys-display-small-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-large-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-medium-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-small-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Heebo, Rubik, Inter, sans-serif;--mat-sys-label-large-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 600;--mat-sys-label-medium: 500 .75rem / 1rem Heebo, Rubik, Inter, sans-serif;--mat-sys-label-medium-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 600;--mat-sys-label-small: 500 .688rem / 1rem Heebo, Rubik, Inter, sans-serif;--mat-sys-label-small-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Heebo, Rubik, Inter, sans-serif;--mat-sys-title-large-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Heebo, Rubik, Inter, sans-serif;--mat-sys-title-medium-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Heebo, Rubik, Inter, sans-serif;--mat-sys-title-small-font: Heebo, Rubik, Inter, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{margin:0;padding:0;height:100%;font-family:Heebo,Rubik,Inter,sans-serif;direction:rtl;background-color:var(--shift-gray-50);color:var(--shift-text-primary)}html *,body *{box-sizing:border-box;font-family:Heebo,Rubik,Inter,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--shift-text-primary);font-weight:600}.text-shift-primary{color:var(--shift-primary)!important}.text-shift-dark{color:var(--shift-text-primary)!important}.text-shift-success{color:var(--shift-success)!important}.text-shift-warning{color:var(--shift-warning)!important}.bg-shift-primary{background-color:var(--shift-primary)!important}.bg-shift-dark{background-color:var(--shift-text-primary)!important}.bg-shift-success{background-color:var(--shift-success)!important}.bg-shift-warning{background-color:var(--shift-warning)!important}.border-shift-primary{border-color:var(--shift-primary)!important}.border-shift-dark{border-color:var(--shift-text-primary)!important}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}:root{--v3-sidebar-bg: #111;--v3-sidebar-border: #333;--v3-header-bg: #000;--v3-content-bg: #fff;--v3-text-primary: #000;--v3-text-secondary: #888;--v3-text-inverse: #fff;--v3-hover-bg: #1a1a1a;--v3-active-bg: #000;--v3-border-light: #f0f0f0;--v3-shadow-light: rgba(0,0,0,.04);--v3-sidebar-width: 260px;--v3-sidebar-collapsed: 60px;--v3-header-height: 60px;--v3-spacing-xs: 4px;--v3-spacing-sm: 8px;--v3-spacing-md: 12px;--v3-spacing-lg: 20px;--v3-spacing-xl: 24px;--v3-spacing-xxl: 32px;--v3-font-size-xs: 10px;--v3-font-size-sm: 11px;--v3-font-size-base: 14px;--v3-font-size-lg: 16px;--v3-font-size-xl: 18px;--v3-font-size-xxl: 20px;--v3-font-size-title: 24px;--v3-transition-fast: .2s ease;--v3-transition-normal: .3s ease;--v3-transition-slow: .5s ease}.v3-text-primary{color:var(--v3-text-primary)!important}.v3-text-secondary{color:var(--v3-text-secondary)!important}.v3-text-inverse{color:var(--v3-text-inverse)!important}.v3-bg-sidebar{background-color:var(--v3-sidebar-bg)!important}.v3-bg-header{background-color:var(--v3-header-bg)!important}.v3-bg-content{background-color:var(--v3-content-bg)!important}.v3-border-light{border-color:var(--v3-border-light)!important}.v3-border-dark{border-color:var(--v3-sidebar-border)!important}.btn-v3-primary{background:var(--v3-text-primary);color:var(--v3-text-inverse);border:none;border-radius:6px;padding:var(--v3-spacing-md) var(--v3-spacing-lg);font-size:var(--v3-font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--v3-transition-fast)}.btn-v3-primary:hover{background:#222;transform:translateY(-1px)}.btn-v3-secondary{background:#f5f5f5;color:var(--v3-text-secondary);border:1px solid var(--v3-border-light);border-radius:6px;padding:var(--v3-spacing-md) var(--v3-spacing-lg);font-size:var(--v3-font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--v3-transition-fast)}.btn-v3-secondary:hover{background:#eee;color:var(--v3-text-primary)}.status-v3{font-size:var(--v3-font-size-xs);font-weight:600;padding:4px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.status-v3.active{background:#e8f5e8;color:#0a4}.status-v3.completed{background:#f0f0f0;color:var(--v3-text-secondary)}.status-v3.pending,.status-v3.warning{background:#fff4e6;color:#c80}.status-v3.error{background:#ffe6e6;color:#c00}.table-v3{width:100%}.table-v3 .table-header,.table-v3 .table-row{display:grid;align-items:center;padding:var(--v3-spacing-lg) 0;gap:var(--v3-spacing-lg)}.table-v3 .table-header{border-bottom:1px solid var(--v3-border-light)}.table-v3 .table-header .col{font-size:var(--v3-font-size-xs);color:var(--v3-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.table-v3 .table-row{border-bottom:1px solid #f8f8f8;transition:var(--v3-transition-fast)}.table-v3 .table-row:hover{background:#fafafa}.table-v3 .table-row .col{font-size:var(--v3-font-size-base);color:#333}.progress-v3{height:4px;background:var(--v3-border-light);border-radius:0;overflow:hidden;display:inline-block}.progress-v3 .progress-fill{height:100%;background:var(--v3-text-primary);border-radius:0;transition:width var(--v3-transition-normal)}.alert-v3{display:flex;align-items:center;gap:var(--v3-spacing-lg);padding:var(--v3-spacing-lg) 0;border-bottom:1px solid #f8f8f8}.alert-v3:last-child{border-bottom:none}.alert-v3 .alert-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0}.alert-v3 .alert-icon i{font-size:var(--v3-font-size-base)}.alert-v3 .alert-content{flex:1}.alert-v3 .alert-content .alert-title{font-size:var(--v3-font-size-base);color:var(--v3-text-primary);font-weight:500;margin-bottom:4px}.alert-v3 .alert-content .alert-time{font-size:var(--v3-font-size-sm);color:var(--v3-text-secondary)}.alert-v3.warning .alert-icon{background:#fff4e6;color:#c80}.alert-v3.info .alert-icon{background:#e6f4ff;color:#08c}.alert-v3.success .alert-icon{background:#e8f5e8;color:#0a4}.alert-v3.error .alert-icon{background:#ffe6e6;color:#c00}.stats-v3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--v3-spacing-xl)}.stats-v3 .stat-item{display:flex;align-items:center;gap:var(--v3-spacing-lg);padding:var(--v3-spacing-xl);background:var(--v3-content-bg);border:1px solid var(--v3-border-light);border-radius:0;transition:var(--v3-transition-fast)}.stats-v3 .stat-item:hover{border-color:#e0e0e0;box-shadow:0 4px 8px var(--v3-shadow-light)}.stats-v3 .stat-item .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:0}.stats-v3 .stat-item .stat-icon i{font-size:var(--v3-spacing-lg);color:#333}.stats-v3 .stat-item .stat-content{flex:1}.stats-v3 .stat-item .stat-content .stat-value{font-size:28px;font-weight:700;color:var(--v3-text-primary);line-height:1;margin-bottom:4px}.stats-v3 .stat-item .stat-content .stat-label{font-size:var(--v3-font-size-sm);color:var(--v3-text-secondary);font-weight:500;margin-bottom:var(--v3-spacing-sm);text-transform:uppercase;letter-spacing:.5px}.stats-v3 .stat-item .stat-content .stat-change{font-size:var(--v3-font-size-sm);font-weight:600}.stats-v3 .stat-item .stat-content .stat-change.positive{color:#0a4}.stats-v3 .stat-item .stat-content .stat-change.negative{color:#f44}.stats-v3 .stat-item .stat-content .stat-change.neutral{color:var(--v3-text-secondary)}.btn-shift-primary{background-color:var(--shift-primary)!important;color:#fff!important;border:none;border-radius:6px;padding:10px 16px;font-weight:500;font-family:Heebo,Rubik,sans-serif;cursor:pointer;transition:all .2s ease}.btn-shift-primary:hover{background-color:var(--shift-primary-dark)!important;transform:translateY(-1px)}.btn-shift-primary:disabled{background-color:var(--shift-gray-300)!important;cursor:not-allowed;transform:none}.btn-shift-success{background-color:var(--shift-success)!important;color:#fff!important;border:none;border-radius:6px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-shift-success:hover{background-color:var(--shift-success-light)!important;transform:translateY(-1px)}.btn-shift-warning{background-color:var(--shift-warning)!important;color:#fff!important;border:none;border-radius:6px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-shift-warning:hover{background-color:var(--shift-warning-light)!important;transform:translateY(-1px)}.card-shift{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--shift-gray-200);overflow:hidden}.card-shift:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.badge-shift-success{background-color:var(--shift-success);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge-shift-warning{background-color:var(--shift-warning);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge-shift-primary{background-color:var(--shift-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.input-shift{border:1px solid var(--shift-gray-300);border-radius:6px;padding:10px 12px;font-family:Heebo,Rubik,sans-serif;transition:border-color .2s ease}.input-shift:focus{outline:none;border-color:var(--shift-primary);box-shadow:0 0 0 3px #2563eb1a}.logo-image{height:40px;width:auto;max-width:120px}.mobile-logo{height:32px;width:auto;max-width:100px}.media-delete-dialog .mat-mdc-dialog-container{padding:0}.media-delete-dialog .mat-mdc-dialog-surface{border-radius:8px}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: var(--shift-primary)}.mat-mdc-button.mat-primary:hover{background-color:#2563eb0a}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: var(--shift-primary);--mdc-protected-button-label-text-color: white}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--shift-gray-100)}::-webkit-scrollbar-thumb{background:var(--shift-gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--shift-gray-500)}