.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;width:90%}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;background:#1e293b;color:#fff;box-shadow:0 8px 24px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.toast-close:hover{color:#fff}.toast-success{background:linear-gradient(135deg,#065f46,#047857);border-right:4px solid #10b981}.toast-success .toast-icon{color:#34d399}.toast-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-right:4px solid #ef4444}.toast-error .toast-icon{color:#f87171}.toast-warning{background:linear-gradient(135deg,#78350f,#92400e);border-right:4px solid #f59e0b}.toast-warning .toast-icon{color:#fbbf24}.toast-info{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-right:4px solid #3b82f6}.toast-info .toast-icon{color:#60a5fa}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:gs-overlay-in .15s ease-out}@keyframes gs-overlay-in{0%{opacity:0}to{opacity:1}}.global-search-modal{width:560px;max-width:calc(100vw - 32px);background:var(--bg-card, #ffffff);border-radius:16px;box-shadow:0 25px 60px #00000040,0 0 0 1px #0000000d;overflow:hidden;display:flex;flex-direction:column;max-height:480px;animation:gs-modal-in .2s ease-out}@keyframes gs-modal-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.global-search-header{padding:4px;border-bottom:1px solid var(--border-color, #e2e8f0)}.global-search-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;position:relative}.global-search-icon{color:var(--text-muted, #94a3b8);flex-shrink:0}.global-search-input{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;background:transparent;color:var(--text-primary, #1e293b);line-height:1.5}.global-search-input::placeholder{color:var(--text-muted, #94a3b8)}.global-search-kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:11px;font-family:inherit;font-weight:600;color:var(--text-muted, #94a3b8);background:var(--bg-main, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;line-height:1.4;flex-shrink:0}.global-search-results{overflow-y:auto;flex:1;padding:8px;scroll-behavior:smooth}.global-search-results::-webkit-scrollbar{width:6px}.global-search-results::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:3px}.global-search-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);padding:10px 12px 4px;margin-top:2px}.global-search-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .1s ease,transform .1s ease;position:relative}.global-search-item:hover,.global-search-item.selected{background:var(--bg-main, #f1f5f9)}.global-search-item.selected{background:#eff6ff}.global-search-item-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-main, #f8fafc);border-radius:8px;flex-shrink:0;border:1px solid var(--border-color, #e2e8f0)}.global-search-item.selected .global-search-item-icon{background:#dbeafe;border-color:#93c5fd}.global-search-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.global-search-item-label{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-path{font-size:12px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-enter{font-size:14px;color:var(--primary, #3B82F6);font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#dbeafe;border-radius:6px}.global-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:var(--text-muted, #94a3b8);font-size:14px}.global-search-empty p{margin:0}.global-search-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-main, #f8fafc);font-size:12px;color:var(--text-muted, #94a3b8)}.global-search-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-family:inherit;font-weight:600;color:var(--text-secondary, #64748b);background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;margin:0 2px;box-shadow:0 1px #0000000d}[data-theme=dark] .global-search-overlay{background:#020617c7}[data-theme=dark] .global-search-modal{box-shadow:0 24px 70px #020617b3,0 0 0 1px #94a3b829}[data-theme=dark] .global-search-input{color:var(--text-main, #e2e8f0)}[data-theme=dark] .global-search-item:hover,[data-theme=dark] .global-search-item.selected{background:#1e293b}[data-theme=dark] .global-search-item.selected{box-shadow:inset 0 0 0 1px #60a5fa61}[data-theme=dark] .global-search-item-icon{background:#0f172a;border-color:#334155}[data-theme=dark] .global-search-item.selected .global-search-item-icon{background:#2563eb33;border-color:#60a5fa7a}[data-theme=dark] .global-search-item-enter{color:#bfdbfe;background:#2563eb3d}[data-theme=dark] .global-search-footer{background:#0f172a}[data-theme=dark] .global-search-footer kbd{background:#1e293b;color:var(--text-secondary, #94a3b8)}@media (max-width: 640px){.global-search-overlay{padding-top:5vh}.global-search-modal{max-height:70vh;border-radius:12px}}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.section-card-flush{padding:0!important}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.section-title-icon{display:flex;align-items:center;gap:8px}.manufacturing-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.manufacturing-links-grid-single{grid-template-columns:1fr}.manufacturing-nav-link{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;line-height:1.35;min-height:44px;padding:10px 8px;white-space:normal;word-break:break-word}.manufacturing-nav-link svg{flex-shrink:0}.links-list{display:flex;flex-direction:column;gap:4px}.link-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.link-item:hover{background:var(--bg-hover)}.link-icon{margin-left:10px;font-size:16px}.link-arrow{margin-right:auto;color:var(--text-muted);font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.crm-dashboard-summary{align-items:start}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;min-height:100px}.metric-card-iconic{display:flex;align-items:center;gap:16px}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:28px;font-weight:700;line-height:1.2;word-break:break-word}.metric-change{font-size:12px;margin-top:8px;color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-secondary{color:var(--text-secondary)}.data-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:var(--bg-surface);color:var(--text-secondary);font-weight:700;text-align:right;padding:16px 20px;border-bottom:2px solid var(--border-color);white-space:nowrap;text-transform:uppercase;font-size:13px;letter-spacing:.025em}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;font-size:15px}.data-table tr:hover{background-color:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-success{background:#10b9811a;color:#10b981}.badge-danger{background:#ef44441a;color:#ef4444}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-error{background:#ef44441a;color:#ef4444}.badge-info{background:#3b82f61a;color:#3b82f6}.badge-ghost{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.badge-outline{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.badge-primary{background:#2563eb1a;color:#2563eb}.badge-purple{background:#7c3aed1f;color:#7c3aed}[data-theme=dark] .badge-primary{background:#60a5fa2e;color:#93c5fd}[data-theme=dark] .badge-purple{background:#a78bfa2e;color:#c4b5fd}.input-bordered,.input.input-bordered{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:8px 12px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);width:100%;outline:none;transition:border-color .2s}.input-bordered:focus,.input.input-bordered:focus{border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.select-bordered,.select.select-bordered{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:8px 12px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);width:100%;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-bordered:focus,.select.select-bordered:focus{border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.card-header{padding:16px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);font-weight:600;font-size:15px}.table-action-btn{padding:6px;border-radius:4px;color:var(--text-muted);transition:all .2s}.table-action-btn:hover{background:var(--bg-hover);color:var(--primary)}.avatar-xs{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.bg-primary-light{background-color:#eff6ff}.bg-success-light{background-color:#f0fdf4}.bg-warning-light{background-color:#fffbeb}.bg-danger-light{background-color:#fef2f2}.bg-secondary-light{background-color:#f1f5f9}.bg-primary-subtle{background-color:#2563eb1a}.bg-success-subtle{background-color:#10b9811a}.bg-warning-subtle{background-color:#f59e0b1a}.bg-danger-subtle{background-color:#ef44441a}.bg-secondary-subtle{background-color:#64748b1a}.text-danger{color:var(--danger)}.text-dark{color:var(--text-main)}.list-group-item{border-bottom:1px solid var(--border-color)}.list-group-item:last-child{border-bottom:none}.list-group-flush{border-radius:0}.search-box{position:relative;display:flex;align-items:center;width:240px}.search-box svg{position:absolute;right:12px;color:var(--text-muted);pointer-events:none;z-index:10}.search-box input{width:100%;padding-right:36px!important;padding-left:12px!important;background-color:var(--bg-main)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;height:36px;font-size:13px;transition:all .2s}.search-box input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb1a!important;background-color:#fff!important}[dir=ltr] .search-box svg{right:auto;left:12px}[dir=ltr] .search-box input{padding-right:12px!important;padding-left:36px!important}.form-select-sm,.form-control-sm{height:36px;border-radius:8px!important;border:1px solid var(--border-color)!important;background-color:var(--bg-main)!important;font-size:13px!important}.form-select-sm:focus,.form-control-sm:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}.section-header-premium{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.section-form-card{background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:30px}.tabs{display:flex;gap:8px;background:var(--bg-card);padding:10px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-wrap:wrap}.tab{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:all .2s;outline:none}.tab:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--primary-light)}.tab.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.schedule-container{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.timeline-canvas{position:relative;background:var(--bg-main);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto;min-height:400px}.timeline-grid{display:flex;min-width:1000px}.wc-row{display:flex;border-bottom:1px solid var(--border-color);min-height:80px}.wc-label{width:200px;background:var(--bg-hover);padding:1rem;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-right:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center}.filter-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.operations-track{flex-grow:1;position:relative;padding:1rem 0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.op-bar{height:40px;border-radius:8px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:150px}.op-bar:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.op-status-pending{background:var(--bg-hover);color:var(--text-secondary);border-inline-start:4px solid var(--secondary)}.op-status-in_progress{background:#f59e0b14;color:#92400e;border-inline-start:4px solid var(--warning)}.op-status-completed{background:#10b98114;color:#065f46;border-inline-start:4px solid var(--success)}.op-status-blocked{background:#ef444414;color:#991b1b;border-inline-start:4px solid var(--danger)}.schedule-empty-state{padding:4rem 2rem;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.modules-grid{grid-template-columns:1fr!important;gap:14px}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px}.crm-dashboard-summary{grid-template-columns:1fr!important}.section-card{padding:16px;border-radius:12px}.metric-card{padding:14px 16px;min-height:80px}.metric-icon{width:40px;height:40px}.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.data-table{min-width:500px}.workspace-header{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.manufacturing-links-grid{grid-template-columns:1fr}.manufacturing-nav-link{justify-content:flex-start;text-align:right;padding:10px 12px}[dir=ltr] .manufacturing-nav-link{text-align:left}}@media (max-width: 480px){.modules-grid{gap:10px}.metrics-grid{grid-template-columns:1fr!important;gap:8px}.crm-dashboard-summary{grid-template-columns:1fr!important}.metric-card{padding:12px;min-height:auto}.metric-value{font-size:20px}.section-card{padding:12px}}.module-container{padding:24px;width:100%;max-width:1560px;margin:0 auto;animation:fadeIn .25s ease-out}.module-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.module-header h1,.module-header h2,.module-header .module-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.module-header .module-subtitle,.module-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.module-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.module-loading{display:flex;align-items:center;justify-content:center;min-height:240px;color:var(--text-secondary);font-size:14px}.module-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;min-height:100px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 3px #0000000a}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:28px;font-weight:700;line-height:1.2;color:var(--text-primary);word-break:break-word}@media (max-width: 768px){.module-container{padding:16px}.module-header{gap:12px;margin-bottom:16px}.module-header h1,.module-header h2,.module-header .module-title{font-size:20px}.stat-card{padding:16px;min-height:auto}.stat-value{font-size:22px}}:root{--primary: #2563eb;--primary-light: #60a5fa;--primary-dark: #1d4ed8;--secondary: #64748b;--accent: #0f172a;--success: #10b981;--info: #0ea5e9;--warning: #f59e0b;--danger: #ef4444;--bg-main: #f8fafc;--bg-surface: #f8fafc;--bg-secondary: #f1f5f9;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-card: #ffffff;--bg-primary: #ffffff;--bg-hover: #f1f5f9;--text-main: #1e293b;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #475569;--text-on-primary: #ffffff;--table-header-bg: #f8fafc;--table-row-bg: #ffffff;--table-row-hover: #f8fafc;--table-footer-bg: #f1f5f9;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--sidebar-width: 240px;--topbar-height: 60px}[data-theme=dark]{--bg-main: #0f172a;--bg-surface: #111c31;--bg-secondary: #1b2a41;--bg-sidebar: #1e293b;--bg-topbar: #1e293b;--bg-card: #1e293b;--bg-primary: #1e293b;--bg-hover: #334155;--text-main: #e2e8f0;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #94a3b8;--text-on-primary: #ffffff;--table-header-bg: #1b2a41;--table-row-bg: #1e293b;--table-row-hover: #24364f;--table-footer-bg: #1b2a41;--border-color: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--accent: #e2e8f0}[data-theme=dark] body{background-color:var(--bg-main);color:var(--text-main)}[data-theme=dark] .card,[data-theme=dark] .metric-card{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .card-header{border-color:var(--border-color)}[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-hover)}:where(.data-table-container,.logs-table-container,.table-responsive){overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm)}.data-table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.data-table-wrapper .data-table{width:100%}.data-table-header-content{display:inline-flex;align-items:center;gap:6px}.data-table-actions-cell{width:132px;min-width:132px;max-width:132px;padding-inline:12px;text-align:center;white-space:nowrap;background:var(--table-row-bg)}.data-table-sticky-cell{position:sticky;background:var(--table-row-bg);z-index:2}.data-table-sticky-start{inset-inline-start:var(--data-table-sticky-offset, 0);box-shadow:1px 0 0 var(--border-color)}.data-table-sticky-end{inset-inline-end:var(--data-table-sticky-offset, 0);box-shadow:-1px 0 0 var(--border-color)}[dir=rtl] .data-table-sticky-start{box-shadow:-1px 0 0 var(--border-color)}[dir=rtl] .data-table-sticky-end{box-shadow:1px 0 0 var(--border-color)}.data-table-actions-cell .data-table-header-content{width:100%;justify-content:center}.data-table-actions{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0}thead .data-table-sticky-cell,thead .data-table-actions-cell{background:var(--table-header-bg);z-index:3}tbody tr:hover .data-table-sticky-cell,tbody tr:hover .data-table-actions-cell{background:var(--table-row-hover)}:where(.data-table,.logs-table,.table){width:100%;border-collapse:collapse;margin-bottom:0;font-size:14px;color:var(--text-main);background:var(--table-row-bg);--bs-table-bg: var(--table-row-bg);--bs-table-color: var(--text-main);--bs-table-border-color: var(--border-color);--bs-table-hover-bg: var(--table-row-hover)}:where(.data-table,.logs-table,.table) thead th{background:var(--table-header-bg);color:var(--text-secondary);font-weight:700;text-align:right;padding:14px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap;text-transform:none;letter-spacing:normal}:where(.data-table,.logs-table,.table) tbody td,:where(.data-table,.logs-table,.table) tfoot td,:where(.data-table,.logs-table,.table) tfoot th{padding:14px 16px;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;background:transparent}:where(.data-table,.logs-table,.table) tbody tr:hover{background:var(--table-row-hover)}:where(.data-table,.logs-table,.table) tbody tr:last-child td{border-bottom:none}:where(.data-table,.logs-table,.table) tfoot tr{background:var(--table-footer-bg)}[dir=ltr] :where(.data-table,.logs-table,.table) thead th{text-align:left}[data-theme=dark] .table-light,[data-theme=dark] .table-light>th,[data-theme=dark] .table-light>td{background-color:var(--table-header-bg)!important;color:var(--text-main)!important}[data-theme=dark] .bg-light{background-color:var(--bg-hover)!important;color:var(--text-main)!important}[data-theme=dark] .nav-item.active{background-color:#2563eb26}[data-theme=dark] .nav-item:hover{background-color:var(--bg-hover)}[data-theme=dark] .topbar-search .search-input{color:var(--text-muted)}[data-theme=dark] .topbar-search .search-input kbd{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-muted)}[data-theme=dark] .metric-value,[data-theme=dark] .metric-label,[data-theme=dark] .form-label{color:var(--text-main)}[data-theme=dark] .btn-secondary,[data-theme=dark] button[style*="background: rgb(248, 250, 252)"],[data-theme=dark] button[style*="background: white"],[data-theme=dark] button[style*="background: #fff"],[data-theme=dark] .topbar-branch-btn{background:var(--bg-hover)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-theme=dark] .status-badge,[data-theme=dark] .badge{opacity:.9}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content,[data-theme=dark] .modal-content>form,[data-theme=dark] .modal-body{background:var(--bg-card)!important;color:var(--text-main)}[data-theme=dark] .modal-header{background:var(--bg-card)!important;color:var(--text-main);border-bottom-color:var(--border-color)!important}[data-theme=dark] .modal-header h1,[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3,[data-theme=dark] .modal-title{color:var(--text-main)!important}[data-theme=dark] .modal-footer{background:var(--bg-secondary, var(--bg-card))!important;border-top-color:var(--border-color)!important}[data-theme=dark] .modal-close,[data-theme=dark] .close-button{color:var(--text-secondary)!important}[data-theme=dark] .modal-close:hover,[data-theme=dark] .close-button:hover{color:var(--text-main)!important}[data-theme=dark] .btn-cancel,[data-theme=dark] .perm-key,[data-theme=dark] .perm-item:hover,[data-theme=dark] .loading,[data-theme=dark] .no-data{background:var(--bg-hover)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-theme=dark] .toast{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow:hidden}.app-layout{display:flex;min-height:100vh}.main-container{flex:1;display:flex;flex-direction:column;transition:margin .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);margin-right:var(--sidebar-width);height:100vh;overflow-y:auto;overflow-x:hidden}.main-container.sidebar-closed{margin-right:var(--sidebar-width);margin-left:0}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);position:fixed;right:0;top:0;display:flex;flex-direction:column;z-index:1000;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,height .3s cubic-bezier(.4,0,.2,1);direction:rtl}.sidebar:not(.sidebar-open){transform:none;opacity:1;pointer-events:auto;height:var(--topbar-height)}.sidebar:not(.sidebar-open) .sidebar-nav{max-height:0;opacity:0;transform:translateY(-10px);pointer-events:none;padding-top:0;padding-bottom:0;overflow:hidden}.sidebar.sidebar-open .sidebar-nav{max-height:calc(100vh - var(--topbar-height));opacity:1;transform:translateY(0);pointer-events:auto}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:10px;padding:0 16px;font-size:20px;font-weight:800;color:var(--primary);border-bottom:1px solid var(--border-color);justify-content:flex-start;direction:ltr}.topbar-brand{font-size:18px;font-weight:800;color:var(--primary);flex-shrink:0;white-space:nowrap;display:none}.sidebar-brand-text{font-size:20px;font-weight:800}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - var(--topbar-height));transition:max-height .24s ease,opacity .22s ease,transform .22s ease,padding .2s ease;direction:rtl}.nav-item{display:flex;align-items:center;flex-direction:row;gap:12px;padding:12px 14px;color:var(--text-secondary);text-decoration:none;border-radius:12px;font-size:14.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;text-align:right}.nav-icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:var(--bg-hover);transition:all .3s ease;font-size:16px}.nav-item:hover{background-color:var(--bg-hover);color:var(--primary);transform:translate(-4px)}.nav-item:hover .nav-icon-container{background-color:#fff;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .nav-item:hover .nav-icon-container{background-color:var(--bg-surface)}.nav-item.active{background-color:var(--primary);color:#fff!important;box-shadow:0 4px 12px #4f46e533}.nav-item.active .nav-icon-container{background-color:#fff3;color:#fff}.nav-item.active .nav-label{color:#fff}@keyframes navReturnFlash{0%{box-shadow:0 0 #2563eb73;transform:scale(1)}40%{box-shadow:0 0 0 10px #2563eb1f;transform:scale(1.015)}to{box-shadow:0 0 #2563eb00;transform:scale(1)}}.nav-return-flash{animation:navReturnFlash 1.1s ease;outline:2px solid rgba(37,99,235,.65);outline-offset:2px}.topbar{height:var(--topbar-height);background-color:var(--bg-topbar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:900}.topbar-search{flex:0 1 400px}.search-input{width:100%;padding:8px 16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:16px}.page-scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;direction:rtl}.page-scroll-area::-webkit-scrollbar{width:6px}.page-scroll-area::-webkit-scrollbar-track{background:transparent}.page-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.page-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .page-scroll-area::-webkit-scrollbar-track{background:transparent}[data-theme=dark] .page-scroll-area::-webkit-scrollbar-thumb{background:#334155;border-radius:99px}[data-theme=dark] .page-scroll-area::-webkit-scrollbar-thumb:hover{background:#475569}.page-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}[data-theme=dark] .page-scroll-area{scrollbar-color:#334155 transparent}.content-area{padding:32px;max-width:1200px;width:100%;margin:0 auto}.workspace{padding:24px;width:100%;max-width:1560px;margin:0 auto}.p-6{padding:2rem!important}.p-8{padding:3rem!important}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.h-100{height:100%!important}.workspace-header{margin-bottom:32px;display:flex;flex-wrap:wrap;align-items:flex-start}.workspace-header>*{flex:0 0 100%;min-width:0}.workspace-header>.back-button{flex:0 0 auto;margin-inline-end:16px;margin-top:4px}.workspace-header>.back-button+*{flex:1 1 0%;min-width:0}.workspace-title{font-size:24px;font-weight:700;margin-bottom:8px}.workspace-subtitle{color:var(--text-secondary);font-size:14px}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.app-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .2s;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm)}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.app-icon-box{width:44px;height:44px;border-radius:10px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary)}.app-card h3{font-size:16px;font-weight:600;color:var(--text-main)}.app-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}body:has(.auth-layout){overflow-y:auto}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg-main);padding:20px}.auth-layout>.auth-card,.auth-layout>.card{width:100%;margin-top:auto;margin-bottom:auto}.auth-card{background:var(--bg-card);padding:40px;border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:440px}.floating-theme-toggle{position:fixed;top:18px;inset-inline-end:18px;width:42px;height:42px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);z-index:1300;transition:transform .2s ease,background .2s ease}.floating-theme-toggle:hover{transform:translateY(-1px);background:var(--bg-hover)}.floating-theme-toggle-icon{font-size:18px;line-height:1}.floating-language-toggle{position:fixed;top:18px;inset-inline-end:68px;min-width:52px;font-weight:700;z-index:1299}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;color:var(--primary);margin-bottom:8px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.form-input,.form-control,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:15px;color:var(--text-main);background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-inline-end:2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left .75rem center;background-size:16px 12px}[dir=ltr] .form-select{background-position:right .75rem center}.form-input::placeholder,.form-control::placeholder,.form-textarea::placeholder{color:#94a3b8;opacity:1}.form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}:where(.form-group,.form-row,.modal-content,.card,.section-card)>label,:where(.form-group,.form-row,.modal-content,.card,.section-card) label:not([class]){display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text-secondary)}:where(.form-group,.form-row,.modal-content,.card,.section-card) input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([class*=form-]):not([class*=react-datepicker])),:where(.form-group,.form-row,.modal-content,.card,.section-card) select:not([class*=form-]),:where(.form-group,.form-row,.modal-content,.card,.section-card) textarea:not([class*=form-]){width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:15px;color:var(--text-main);background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}[data-theme=dark] :where(.form-group,.form-row,.modal-content,.card,.section-card) input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([class*=form-]):not([class*=react-datepicker])),[data-theme=dark] :where(.form-group,.form-row,.modal-content,.card,.section-card) select:not([class*=form-]),[data-theme=dark] :where(.form-group,.form-row,.modal-content,.card,.section-card) textarea:not([class*=form-]){background-color:var(--bg-main);color:var(--text-main);border-color:var(--border-color)}:where(.card,.section-card,.modal-content)>table:not([class*=table]){width:100%;border-collapse:collapse;color:var(--text-main)}:where(.card,.section-card,.modal-content)>table:not([class*=table]) th,:where(.card,.section-card,.modal-content)>table:not([class*=table]) td{padding:10px 12px;border-bottom:1px solid var(--border-color)}:where(.card,.section-card,.modal-content)>table:not([class*=table]) thead th{background:var(--table-header-bg);color:var(--text-secondary);font-weight:700}input,select,textarea{color:#1e293b}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{color:var(--text-main)!important;background-color:var(--bg-main)!important;border-color:var(--border-color)!important}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-control::placeholder,[data-theme=dark] .form-textarea::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] .form-select,[data-theme=dark] select.form-input,[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:left .75rem center!important;background-size:16px 12px!important}[dir=ltr][data-theme=dark] .form-select,[dir=ltr][data-theme=dark] select.form-input,[dir=ltr][data-theme=dark] select.form-control{background-position:right .75rem center!important}.form-input:focus,.form-control:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:8px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);gap:8px}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);color:var(--text-main)}.btn-success{background-color:var(--success);border-color:var(--success);color:var(--text-on-primary)}.btn-success:hover{filter:brightness(.94)}.btn-warning{background-color:var(--warning);border-color:var(--warning);color:#111827}.btn-warning:hover{filter:brightness(.96)}.btn-danger{background-color:var(--danger);border-color:var(--danger);color:var(--text-on-primary)}.btn-danger:hover{filter:brightness(.94)}.btn-info{background-color:var(--info);border-color:var(--info);color:var(--text-on-primary)}.btn-info:hover{filter:brightness(.94)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--primary-light);color:var(--primary)}.btn-outline-primary{background-color:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline-primary:hover{background-color:#2563eb1a;border-color:var(--primary);color:var(--primary-dark)}.btn-light{background-color:var(--bg-main);border-color:var(--border-color);color:var(--text-secondary)}.btn-light:hover{background-color:var(--bg-hover);color:var(--text-main)}.btn-link{background:transparent;border-color:transparent;color:var(--primary);padding-inline:4px}.btn-link:hover{background:transparent;color:var(--primary-dark);text-decoration:underline;transform:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-error{background-color:var(--danger);border-color:var(--danger);color:var(--text-on-primary)}.btn-error:hover{filter:brightness(.94)}.btn-sm{min-height:32px;padding:6px 10px;font-size:13px;border-radius:6px}.btn-xs{min-height:26px;padding:4px 8px;font-size:12px;border-radius:6px}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-main);border:1px solid var(--border-color);transition:all .2s}.btn-icon:hover{background-color:var(--bg-hover);border-color:var(--primary-light);color:var(--primary)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.alert-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.dropdown-item:hover{background-color:#f8fafc}@keyframes pulse-red{0%{border-color:#ef444466;box-shadow:0 0 #ef44444d}50%{border-color:#ef4444;box-shadow:0 0 0 6px #ef444400}to{border-color:#ef444466;box-shadow:0 0 #ef444400}}@keyframes pulse-orange{0%{border-color:#f59e0b66;box-shadow:0 0 #f59e0b4d}50%{border-color:#f59e0b;box-shadow:0 0 0 6px #f59e0b00}to{border-color:#f59e0b66;box-shadow:0 0 #f59e0b00}}.animate-pulse-red{animation:pulse-red 2s infinite}.animate-pulse-orange{animation:pulse-orange 2s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.custom-datepicker-container{width:100%;position:relative}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker-popper{z-index:9999!important}[dir=rtl] .react-datepicker__close-icon{right:auto!important;left:4px!important;padding:0!important;top:50%!important;transform:translateY(-50%)!important;height:auto!important}[dir=rtl] .react-datepicker__close-icon:after{background-color:var(--primary)!important}[dir=rtl] .custom-datepicker-container .react-datepicker__input-container input{padding-right:12px!important;padding-left:58px!important}[dir=ltr] .custom-datepicker-container .react-datepicker__input-container input{padding-right:36px!important}.react-datepicker{font-family:Tajawal,sans-serif!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;overflow:hidden;background-color:#fff!important;color:#1a1a1a!important}.react-datepicker__header{background-color:#fff!important;border-bottom:1px solid var(--border-color)!important;padding-top:12px!important;color:#1a1a1a!important}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker-year-header{color:#1a1a1a!important;font-weight:600}.react-datepicker__month-container{width:300px!important}.react-datepicker__month{background-color:#fff!important;margin:.4rem!important}.react-datepicker__day-names{display:flex!important;justify-content:space-around!important}.react-datepicker__day-name{color:#555!important;font-size:.72rem!important;width:2.2rem!important;line-height:2rem!important;text-align:center!important}.react-datepicker__week{display:flex!important;justify-content:space-around!important}.react-datepicker__day{color:#1a1a1a!important;border-radius:6px!important;line-height:2rem!important;width:2.2rem!important;text-align:center!important}.react-datepicker__day--outside-month{color:#aaa!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--primary)!important;color:#fff!important;border-radius:8px!important;font-weight:700}.react-datepicker__day:hover{background-color:var(--primary-light, #e8f0fe)!important;color:var(--primary, #2563eb)!important;border-radius:8px!important}.react-datepicker__day--today{font-weight:700;border:1px solid var(--primary)!important;border-radius:6px!important}.react-datepicker__navigation{top:12px!important}.react-datepicker__navigation-icon:before{border-color:#555!important}.react-datepicker__year-select,.react-datepicker__month-select{border:1px solid var(--border-color)!important;border-radius:6px!important;padding:2px 4px!important;font-family:Tajawal,sans-serif!important;color:#1a1a1a!important;background:#fff!important}.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:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;overflow-y:auto}.modal-content:not(:has(.modal-header)){padding:24px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:700;color:var(--text-main)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-secondary, #f8fafc);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary, #f8fafc)}.modal-tab{padding:16px 4px;margin-left:24px;background:none;border:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s}.modal-tab:hover{color:var(--primary)}.modal-tab.active{color:var(--primary);font-weight:600}.modal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.input-group{display:flex;width:100%}.input-group>.form-input,.input-group>.form-select{flex:1 1 auto;width:1%;min-width:0}.input-group>:first-child{border-start-start-radius:10px;border-end-start-radius:10px;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.input-group>:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:10px;border-end-end-radius:10px}.input-group>:not(:first-child):not(:last-child){border-radius:0;border-inline-end:0}.input-group-text{display:flex;align-items:center;padding:0 16px;font-size:14px;color:var(--text-secondary);background-color:var(--bg-hover);border:1px solid var(--border-color)}.recharts-container{position:relative;display:block;width:100%;overflow:hidden}.recharts-responsive-container{min-width:0!important;min-height:0!important}.recharts-wrapper{direction:ltr!important}@media (max-width: 1024px){.topbar-sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand .sidebar-toggle{display:flex!important}.sidebar{display:flex!important;position:fixed!important;right:0!important;top:0!important;width:min(var(--sidebar-width),92vw)!important;height:100vh!important;max-height:0!important;opacity:0;pointer-events:none;overflow:hidden!important;transform:translateY(-14px);transform-origin:top center;transition:max-height .28s ease,opacity .22s ease,transform .22s ease;z-index:1001}.sidebar:not(.sidebar-open) .sidebar-brand{display:none!important}.sidebar:not(.sidebar-open) .sidebar-nav{max-height:0!important;opacity:0!important;pointer-events:none!important}.sidebar.sidebar-open{max-height:100vh!important;opacity:1;pointer-events:auto;transform:translateY(0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:-8px 0 32px #00000040}.sidebar.sidebar-open .sidebar-brand{display:flex!important}.sidebar.sidebar-open .sidebar-brand-text{display:inline!important}[data-theme=dark] .sidebar.sidebar-open{background:#0f172ab8!important;border-left:1px solid rgba(148,163,184,.35)!important}[data-theme=dark] .sidebar.sidebar-open .sidebar-brand{background:#1e293b73!important}[data-theme=light] .sidebar.sidebar-open{background:#f8fafcc7!important;border-left:1px solid rgba(148,163,184,.5)!important}[data-theme=light] .sidebar.sidebar-open .sidebar-brand{background:#fff9!important}.main-container{margin-right:0!important;margin-left:0!important;margin-inline-start:0!important;margin-inline-end:0!important;height:100vh;overflow:hidden}.page-scroll-area{overflow-y:auto;overflow-x:hidden}.dashboard-row-2col{grid-template-columns:1fr!important}.content-area{padding:20px 16px}.workspace{padding:16px}.topbar{flex-wrap:nowrap;gap:8px}.topbar-actions{gap:8px}.user-menu-trigger .user-info-text{display:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){:root{--sidebar-width: 280px}.topbar{padding:0 10px;gap:6px;height:52px}.topbar-search{flex:1;min-width:0}.topbar-search .search-input{padding:6px 10px;font-size:13px}.topbar-search .search-input kbd,.topbar-branch-label{display:none}.content-area{padding:16px 12px}.workspace{padding:12px}.workspace-title{font-size:18px}.workspace-subtitle{font-size:13px}.modules-grid{grid-template-columns:1fr!important}.metrics-grid{grid-template-columns:1fr 1fr!important}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content{width:96%;max-width:100%;max-height:95vh;border-radius:12px}.data-table-container,.data-table-wrapper,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.form-row{flex-direction:column}.form-row>*{width:100%!important;flex:1 1 100%!important}.workspace-header{gap:12px}.workspace-header>div{flex-wrap:wrap}.workspace-header>div[style*="justify-content: space-between"],.workspace-header>div[style*=justifyContent]{flex-direction:column;gap:12px}.btn{padding:8px 14px;font-size:13px}.card,.section-card{padding:16px}.metric-card{padding:14px 16px;min-height:80px}.metric-value{font-size:22px}.card>div[style*="grid-template-columns: repeat(3"],.card>div[style*=gridTemplateColumns]{grid-template-columns:1fr 1fr!important}.topbar>div:last-child{gap:8px!important}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr!important}.topbar-search{display:none}.content-area{padding:12px 8px}.workspace{padding:10px 8px}.workspace-title{font-size:16px}[style*="grid-template-columns: repeat(3"],[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.card>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.apps-grid{grid-template-columns:1fr 1fr!important}.btn{font-size:12px;padding:6px 10px}.topbar-branch-btn{padding:4px 6px!important}.topbar-notif-dropdown{left:auto!important;right:-60px!important;width:calc(100vw - 20px)!important;max-width:320px!important}}@media (max-width: 1024px){.topbar-actions-row{gap:10px!important}.user-info-text{display:none!important}}@media (max-width: 768px){.topbar-actions-row{gap:6px!important}.topbar-branch-btn{min-width:auto!important;padding:4px 8px!important}.topbar-lang-btn{padding:4px 6px!important;font-size:12px!important}.topbar-notif-dropdown{left:auto!important;right:-40px!important;width:calc(100vw - 24px)!important;max-width:320px!important}.dropdown-menu{max-width:calc(100vw - 24px)}}@media (max-width: 768px){div[style*="grid-template-columns: repeat(3"],div[style*="grid-template-columns: repeat(4"],div[style*="grid-template-columns: repeat(5"],div[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}div[style*="justify-content: space-between"]{flex-wrap:wrap!important}}@media (max-width: 480px){div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.skip-link{position:absolute;top:-10000px;left:8px;z-index:10000;padding:10px 16px;background:var(--accent-primary, #2563eb);color:#fff;text-decoration:none;font-weight:600;border-radius:6px;box-shadow:0 4px 12px #00000040;transition:top .15s ease-in-out}.skip-link:focus,.skip-link:focus-visible{top:12px;outline:3px solid #fbbf24;outline-offset:2px}[dir=rtl] .skip-link{left:auto;right:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent-primary, #2563eb);outline-offset:2px;border-radius:3px}main#main-content:focus,main#main-content:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden;padding:24px;transition:all .2s ease}.card-compact{padding:16px;border-radius:12px}.card-flush{padding:0!important}.card-body{padding:0}.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.col-12{flex:0 0 100%;max-width:100%;padding-right:12px;padding-left:12px}.col-md-6,.col-md-7,.col-md-5,.col-lg-10,.col-xl-9{width:100%;padding-right:12px;padding-left:12px}@media (min-width: 768px){.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}}@media (min-width: 992px){.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;margin-left:auto;margin-right:auto}}@media (min-width: 1200px){.col-xl-9{flex:0 0 75%;max-width:75%;margin-left:auto;margin-right:auto}}.g-4{gap:1.5rem}.is-invalid{border-color:var(--danger)!important}.fw-bold{font-weight:700!important}.fw-medium{font-weight:500!important}.small{font-size:.875em}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-2{margin-top:.5rem!important}.mt-5{margin-top:3rem!important}.p-4{padding:1.5rem!important}.w-100{width:100%!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.border-0{border:0!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.rounded-3{border-radius:.5rem!important}.rounded-circle{border-radius:50%!important}.bg-white{background-color:#fff!important}.bg-light{background-color:var(--bg-main)!important}.bg-primary-subtle{background-color:#eff6ff!important}.bg-success-subtle{background-color:#f0fdf4!important}.bg-purple-subtle{background-color:#f5f3ff!important}.bg-purple-600{background-color:#7c3aed!important;color:#fff!important;border:none!important}.bg-purple-600:hover{background-color:#6d28d9!important}.text-purple-700{color:#7e22ce!important}.text-purple-800{color:#6b21a8!important}.border-purple-200{border-color:#ddd6fe!important}.focus\:border-purple-500:focus{border-color:#8b5cf6!important}.bg-orange-50{background-color:#fff7ed!important}.bg-green-100{background-color:#dcfce7!important}.text-green-700{color:#15803d!important}.border-green-300{border-color:#86efac!important}.h-screen{height:100vh!important}.w-screen{width:100vw!important}.min-h-screen{min-height:100vh!important}.w-96{width:24rem!important}.flex-1{flex:1 1 0%!important}.flex-none{flex:none!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.aspect-square{aspect-ratio:1 / 1!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.grid{display:grid!important}.col-span-full{grid-column:1 / -1!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width: 1200px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width: 1600px){.xxl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}}.gap-1{gap:.25rem!important}.gap-4{gap:1rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.p-20{padding:5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.pb-10{padding-bottom:2.5rem!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow-md{box-shadow:0 4px 6px -1px #0000001a!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-300{transition-duration:.3s!important}.active\:scale-95:active{transform:scale(.95)!important}.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}.font-sans{font-family:Tajawal,sans-serif!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.tracking-widest{letter-spacing:.1rem!important}.tracking-wider{letter-spacing:.05rem!important}.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.text-start{text-align:left!important}.text-end,[dir=rtl] .text-start{text-align:right!important}[dir=rtl] .text-end,.text-left{text-align:left!important}.text-right{text-align:right!important}.bg-slate-50{background-color:#f8fafc!important}.bg-slate-100,.bg-slate-50:hover,.hover\:bg-slate-50:hover{background-color:#f1f5f9!important}.bg-slate-100:hover,.hover\:bg-slate-100:hover{background-color:#e2e8f0!important}.bg-blue-50{background-color:#eff6ff!important}.bg-rose-50{background-color:#fff1f2!important}.bg-rose-50:hover,.hover\:bg-rose-50:hover{background-color:#ffe4e6!important}.bg-primary{background-color:var(--primary)!important}.bg-primary:hover,.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)!important}.bg-primary\/10{background-color:#2563eb1a!important}.hover\:bg-primary\/10:hover{background-color:#2563eb33!important}.text-slate-300{color:#cbd5e1!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-slate-600{color:#475569!important}.text-slate-700{color:#334155!important}.text-slate-800{color:#1e293b!important}.text-slate-900{color:#0f172a!important}.text-blue-500{color:#3b82f6!important}.text-emerald-600{color:#059669!important}.text-red-500{color:#ef4444!important}.text-red-600{color:#dc2626!important}.text-amber-500{color:#f59e0b!important}.text-amber-600{color:#d97706!important}.text-purple-500{color:#8b5cf6!important}.text-teal-500{color:#14b8a6!important}[data-theme=dark] .bg-slate-50{background-color:#1b2a41!important}[data-theme=dark] .bg-slate-100{background-color:#24364f!important}[data-theme=dark] .bg-slate-50:hover,[data-theme=dark] .hover\:bg-slate-50:hover,[data-theme=dark] .bg-slate-100:hover,[data-theme=dark] .hover\:bg-slate-100:hover{background-color:#2b3f5b!important}[data-theme=dark] .text-slate-300{color:#94a3b8!important}[data-theme=dark] .text-slate-400{color:#a3b2c7!important}[data-theme=dark] .text-slate-500{color:#bac6d8!important}[data-theme=dark] .text-slate-600{color:#d1dae7!important}[data-theme=dark] .text-slate-700,[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-900{color:#e2e8f0!important}.hover\:text-primary:hover,.text-primary{color:var(--primary)!important}.animate-spin{animation:spin 1s linear infinite!important}@keyframes aman-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opacity-20{opacity:.2!important}.opacity-30{opacity:.3!important}.opacity-50{opacity:.5!important}.opacity-70{opacity:.7!important}.opacity-80{opacity:.8!important}.cursor-not-allowed{cursor:not-allowed!important}.ring-4{box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 0 4px var(--tw-ring-color)),var(--shadow, 0 0 #0000)!important}.ring-primary\/20{--tw-ring-color: rgba(37, 99, 235, .2) !important}.space-y-3>*+*{margin-top:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-x-3>*+*{margin-left:.75rem!important}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:99px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}[data-theme=dark] *{scrollbar-color:#334155 transparent}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.product-grid-pos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.animate-scale-in{animation:scale-in .2s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}button,select,input{transition:all .2s ease-in-out}.shadow-3xl{box-shadow:0 35px 60px -15px #0000004d}.data-table input[type=number],.data-table input[type=text]{min-width:80px;width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:6px;transition:all .2s;text-align:center}.data-table input[type=text]{text-align:right;min-width:150px}.data-table input.w-full{width:100%}.data-table input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 20px;color:var(--text-secondary);font-size:1rem;gap:14px}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,#e2e8f0 50%,var(--bg-hover) 75%);background-size:200px 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-text.w-75{width:75%}.skeleton-text.w-50{width:50%}.skeleton-text.w-25{width:25%}.skeleton-text.w-100{width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table-row{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.skeleton-table-cell{height:16px;border-radius:4px;flex:1}.skeleton-table-header{display:flex;gap:12px;padding:12px 16px;background:var(--bg-hover);border-radius:8px 8px 0 0}.skeleton-table-header .skeleton-table-cell{height:12px;opacity:.6}.text-center{text-align:center}.p-5{padding:40px}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--text-secondary);transition:background .15s}.sidebar-toggle:hover{background:var(--bg-hover)}.sidebar-brand .sidebar-toggle{display:flex}.topbar-sidebar-toggle{width:40px!important;height:40px!important;border-radius:10px!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-secondary)!important;-moz-appearance:none;appearance:none;-webkit-appearance:none}@media (min-width: 1025px){.topbar-sidebar-toggle{display:none!important}}.topbar-sidebar-toggle:hover{background:var(--bg-hover)!important;color:var(--text-main)!important}.topbar-theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.topbar-theme-btn:hover{background:var(--bg-hover);color:var(--primary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@media print{.sidebar,.topbar,.sidebar-toggle,.sidebar-overlay{display:none!important}.main-container{margin:0!important}.content-area{padding:0!important}}.nav-group-button{display:flex;align-items:center;flex-direction:row;gap:12px;padding:12px 14px;color:var(--text-secondary);text-decoration:none;border-radius:12px;font-size:14.5px;font-weight:600;cursor:pointer;background:none;border:none;width:100%;text-align:right;transition:all .2s ease}.nav-group-button:hover{background-color:var(--bg-hover);color:var(--primary);transform:translate(-4px)}.nav-group-button:hover .nav-icon-container{background-color:#fff;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .nav-group-button:hover .nav-icon-container{background-color:var(--bg-surface)}.nav-group-icon{margin-right:auto;transition:transform .2s ease;font-size:10px}.nav-group.open .nav-group-icon{transform:rotate(180deg)}.nav-sub-menu{display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out;padding-right:14px;margin-top:4px}.nav-group.open .nav-sub-menu{max-height:500px}.nav-sub-menu .nav-item{padding:8px 12px;font-size:13px;border-radius:8px}.nav-sub-menu .nav-item .nav-icon-container{width:24px;height:24px;font-size:12px}