@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap";:root{--color-primary-50: #fff3ec;--color-primary-100: #ffe0cc;--color-primary-200: #ffc09a;--color-primary-300: #ff9f66;--color-primary-400: #ff7f33;--color-primary-500: #ff5e00;--color-primary-600: #e05200;--color-primary-700: #bf4600;--color-primary-800: #1a3068;--color-primary-900: #213c81;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #005e36;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #d14658;--color-warning-50: #fef7ec;--color-warning-100: #fce9c1;--color-warning-500: #f59c1c;--color-warning-600: #d98410;--color-info-50: #ebf6fd;--color-info-100: #c8e8f8;--color-info-500: #148acb;--color-info-600: #0f6e9f;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #2c2c2c;--color-text-secondary: #4c4c4c;--color-text-tertiary: #6b6b6b;--color-text-muted: #9a9a9a;--color-text-placeholder: #c6beb7;--color-text-inverse: #ffffff;--color-text-link: #ff5e00;--color-text-link-hover: #e05200;--color-surface-page: #ffffff;--color-surface-card: #ffffff;--color-surface-sidebar: #ffffff;--color-sidebar-active-bg: #f5f3eb;--color-sidebar-active-icon: #173d87;--color-surface-muted: #eeece9;--color-surface-accent: #eeece9;--color-surface-bg: #ebebea;--color-surface-hover: #e8e6e3;--color-surface-active: #ddd9d4;--color-surface-disabled: #f2f1ef;--color-surface-overlay: rgba(0, 0, 0, .4);--color-primary-gradient: #ffc09a;--color-accent-500: #213c81;--color-border-default: #d4cec9;--color-border-strong: #c6beb7;--color-border-muted: #e8e6e3;--color-border-focus: #ff5e00;--color-border-error: #ef4444;--color-status-pending-bg: #fef3c7;--color-status-pending-text: #92400e;--color-status-progress-bg: #dbeafe;--color-status-progress-text: #1e40af;--color-status-success-bg: #dcfce7;--color-status-success-text: #166534;--color-status-error-bg: #fee2e2;--color-status-error-text: #991b1b;--color-priority-critical: #d91a1a;--color-priority-high: #f28c28;--color-priority-medium: #f4c542;--color-priority-low: #2bb673;--color-priority-default: #6b7280;--color-chart-teal: #5abfad;--color-chart-orange: #ff9f66;--color-chart-purple: #8b7fd6;--color-chart-gold: #f4d03f;--color-chart-neutral: #a8a8a8;--color-chart-dark: #2b0b49;--color-chart-blue: #3b82f6;--color-chart-green: #10b981;--color-chart-red: #ef4444;--color-chart-pink: #ec4899;--color-chart-cyan: #06b6d4;--color-chart-lime: #84cc16;--color-chart-indigo: #6366f1;--color-chart-amber: #f59e0b;--color-button-primary-bg: #ff5e00;--color-button-primary-text: #ffffff;--color-button-primary-hover: #e05200;--color-button-secondary-bg: #213c81;--color-button-secondary-text: #ffffff;--color-button-secondary-hover: #1a3068;--color-button-danger-bg: #dc2626;--color-button-danger-text: #ffffff;--color-button-danger-hover: #b91c1c;--color-input-bg: #ffffff;--color-input-border: #d4cec9;--color-input-border-hover: #9a9a9a;--color-input-border-focus: #ff5e00;--color-input-placeholder: #c6beb7;--color-input-disabled-bg: #f2f1ef;--color-notification-dot: #ff5e00;--color-notification-unread-bg: #fff3ec;--color-surface-dashboard: #f5f3eb;--color-metric-value: #ff6b0f;--color-report-icon-bg: #ffe9dd;--color-report-icon: #ff6b0f;--color-badge-count-bg: #ecf1fc;--color-badge-count-text: #235cce;--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 -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--size-modal-width: 40rem;--color-scrollbar-track: #ebebea;--color-scrollbar-thumb: #c6beb7;--color-scrollbar-thumb-hover: #ff5e00;--color-divider: #d4cec9;--color-divider-strong: #c6beb7;--color-table-divider: rgba(51, 51, 51, .1);--color-table-section-pending-bg: #fff1db;--color-table-section-pending-text: #92856d;--color-user-badge-bg: #eef4ff;--color-user-badge-text: #3538cd;--color-user-status-requested-bg: #fff6ed;--color-user-status-requested-text: #c4320a;--color-tag-debit-bg: rgba(52, 75, 253, .1);--color-tag-debit-text: #344bfd;--color-tag-business-bg: rgba(255, 149, 96, .1);--color-tag-business-text: #ff9560;--color-delta-green-bg: #ecffec;--color-delta-green-text: #377e36;--color-delta-red-bg: #ffe6e6;--color-delta-red-text: #b12f30;--color-slider-track: rgba(63, 63, 63, .1);--color-slider-track-hover: rgba(63, 63, 63, .2);--color-button-primary-gradient: linear-gradient(90deg, #ed3024 0%, #f7981d 99%);--color-login-title: #1f033e;--color-login-gradient: linear-gradient(90deg, #ed3024 0%, #f7981d 99.19%, #f7981d 99.59%, #f7981d 100%);--color-status-error: #ef4444;--color-success: #377e36;--color-primary-a08: color-mix(in srgb, var(--color-primary-500) 8%, transparent);--color-primary-a10: color-mix(in srgb, var(--color-primary-500) 10%, transparent);--color-primary-a12: color-mix(in srgb, var(--color-primary-500) 12%, transparent);--color-primary-a15: color-mix(in srgb, var(--color-primary-500) 15%, transparent);--color-primary-a20: color-mix(in srgb, var(--color-primary-500) 20%, transparent);--color-primary-a30: color-mix(in srgb, var(--color-primary-500) 30%, transparent);--color-primary-a40: color-mix(in srgb, var(--color-primary-500) 40%, transparent);--color-warning-a10: color-mix(in srgb, var(--color-warning-500) 10%, transparent);--color-warning-a12: color-mix(in srgb, var(--color-warning-500) 12%, transparent);--color-warning-a15: color-mix(in srgb, var(--color-warning-500) 15%, transparent);--color-warning-a30: color-mix(in srgb, var(--color-warning-500) 30%, transparent);--color-warning-a40: color-mix(in srgb, var(--color-warning-500) 40%, transparent);--color-error-a08: color-mix(in srgb, var(--color-status-error) 8%, transparent);--color-error-a10: color-mix(in srgb, var(--color-status-error) 10%, transparent);--color-error-a12: color-mix(in srgb, var(--color-status-error) 12%, transparent);--color-error-a15: color-mix(in srgb, var(--color-status-error) 15%, transparent);--color-error-a20: color-mix(in srgb, var(--color-status-error) 20%, transparent);--color-error-a30: color-mix(in srgb, var(--color-status-error) 30%, transparent);--color-error-a40: color-mix(in srgb, var(--color-status-error) 40%, transparent);--color-success-a12: color-mix(in srgb, var(--color-success) 12%, transparent);--color-success-a15: color-mix(in srgb, var(--color-success) 15%, transparent);--color-success-a30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-border-a50: color-mix(in srgb, var(--color-border-default) 50%, transparent);--color-text-tertiary-a15: color-mix(in srgb, var(--color-text-tertiary) 15%, transparent);--color-scrim-cream-60: color-mix(in srgb, var(--color-surface-dashboard) 60%, transparent);--color-scrim-cream-75: color-mix(in srgb, var(--color-surface-dashboard) 75%, transparent);--color-scrim-cream-88: color-mix(in srgb, var(--color-surface-dashboard) 88%, transparent);--color-scrim-cream-92: color-mix(in srgb, var(--color-surface-dashboard) 92%, transparent);--color-scrim-black-40: rgba(0, 0, 0, .4);--color-scrim-black-50: rgba(0, 0, 0, .5);--text-fluid-display-size: clamp(1.75rem, 1.25rem + 1.6vw, 2.5rem);--text-fluid-display-leading: 1.15;--text-fluid-h1-size: clamp(1.25rem, 1rem + .9vw, 1.75rem);--text-fluid-h1-leading: 1.2;--text-fluid-h2-size: clamp(1.125rem, .95rem + .55vw, 1.375rem);--text-fluid-h2-leading: 1.25;--text-fluid-h3-size: clamp(1rem, .9rem + .35vw, 1.125rem);--text-fluid-h3-leading: 1.3;--text-fluid-body-size: clamp(.875rem, .82rem + .2vw, 1rem);--text-fluid-body-leading: 1.5;--text-fluid-sm-size: clamp(.75rem, .72rem + .15vw, .875rem);--text-fluid-sm-leading: 1.45}.text-fluid-display{font-size:var(--text-fluid-display-size);line-height:var(--text-fluid-display-leading)}.text-fluid-h1{font-size:var(--text-fluid-h1-size);line-height:var(--text-fluid-h1-leading)}.text-fluid-h2{font-size:var(--text-fluid-h2-size);line-height:var(--text-fluid-h2-leading)}.text-fluid-h3{font-size:var(--text-fluid-h3-size);line-height:var(--text-fluid-h3-leading)}.text-fluid-body{font-size:var(--text-fluid-body-size);line-height:var(--text-fluid-body-leading)}.text-fluid-sm{font-size:var(--text-fluid-sm-size);line-height:var(--text-fluid-sm-leading)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: var(--color-surface-dashboard);--bg-secondary: var(--color-surface-bg);--bg-card: var(--color-surface-card);--bg-hover: var(--color-surface-hover);--border: var(--color-border-default);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--accent-blue: var(--color-primary-500);--accent-blue-light: var(--color-primary-400);--green: var(--color-status-success-text);--amber: var(--color-warning-500);--red: var(--color-status-error);--purple: var(--color-accent-500);--bg: var(--bg-primary);--surface: var(--bg-card);--sidebar-width: 220px;--header-height: 56px}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--accent-blue-light);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:6px;font-size:14px;font-family:inherit;transition:opacity .15s,background .15s}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:6px 12px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--bg-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}
