:root{--primary: #006633;--primary-light: #00884A;--primary-glow: #00A352;--gold: #D9A441;--gold-light: #F0C060;--danger: #D32F2F;--success: #2E7D32;--warning: #F57F17;--info: #1565C0;--bg: #F0F4F8;--surface: #FFFFFF;--surface-hover: #F8FAFB;--text-primary: #1A1A2E;--text-secondary: #64748B;--text-muted: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--shadow: rgba(0, 102, 51, .08);--shadow-lg: rgba(0, 102, 51, .12);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;--font: "Zain", sans-serif;--sidebar-width: 280px;--sidebar-collapsed: 72px;--header-height: 64px}@media(prefers-color-scheme:dark){:root{--bg: #0D1117;--surface: #161B22;--surface-hover: #1C2128;--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-muted: #484F58;--border: #30363D;--border-light: #21262D;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);direction:rtl;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.input{width:100%;padding:10px 14px;font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066331a}.input::placeholder{color:var(--text-muted)}.input[dir=ltr]{text-align:left;direction:ltr}textarea.input{resize:vertical;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left 10px center;background-repeat:no-repeat;background-size:16px;padding-left:32px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-family:var(--font);font-size:14px;font-weight:700;border:none;border-radius:var(--r-md);cursor:pointer;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover:not(:disabled){opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:8px;border-radius:var(--r-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 16px var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;border-radius:var(--r-pill);white-space:nowrap}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}table{width:100%;border-collapse:collapse}th{text-align:right;padding:12px 16px;font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:20px}.modal-content{background:var(--surface);border-radius:var(--r-xl);padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border);background:var(--surface);transition:all .15s}.chip:hover{background:var(--surface-hover)}.chip.active{background:#00663314;border-color:var(--primary);color:var(--primary)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--r-md);color:#fff;font-size:14px;font-weight:600;pointer-events:auto;animation:slideUp .2s ease,fadeOut .3s ease 2.7s;animation-fill-mode:forwards;box-shadow:0 4px 20px #0003}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@keyframes fadeOut{to{opacity:0;transform:translateY(10px)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;background:var(--border);border-radius:12px;cursor:pointer;transition:.2s}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;right:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.switch-slider{background:var(--primary)}.switch input:checked+.switch-slider:before{transform:translate(-20px)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;font-family:var(--font)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;overflow:hidden;background:#0066331a;color:var(--primary)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:12px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.form-error{font-size:12px;color:var(--danger);margin-top:4px}@media(max-width:768px){.form-row{flex-direction:column}.hide-mobile{display:none!important}}