@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #008751;--primary-dark: #006B40;--primary-hover: #00A864;--primary-light: rgba(0, 135, 81, .1);--primary-glow: rgba(0, 135, 81, .25);--primary-gradient: linear-gradient(135deg, #008751 0%, #00A864 100%);--gold: #B8860B;--gold-light: rgba(184, 134, 11, .12);--gold-gradient: linear-gradient(135deg, #C79A3B 0%, #D4AF37 100%);--bg: #F2F5F3;--bg-alt: #E8EDE9;--surface: #FFFFFF;--surface-alt: #F8FAF9;--sidebar-bg: #0F2419;--sidebar-hover: rgba(255,255,255,.05);--sidebar-active-bg: var(--primary-gradient);--border: rgba(0,135,81,.14);--border-light: rgba(0,0,0,.06);--success: #00A854;--success-light: rgba(0, 168, 84, .1);--warning: #D4AF37;--warning-light: rgba(212, 175, 55, .12);--danger: #E53935;--danger-light: rgba(229, 57, 53, .1);--info: #0288D1;--info-light: rgba(2, 136, 209, .1);--text-primary: #0D1F12;--text-secondary: rgba(13, 31, 18, .62);--text-muted: rgba(13, 31, 18, .38);--text-on-primary: #FFFFFF;--shadow-xs: 0 1px 3px rgba(0,50,25,.06);--shadow-sm: 0 2px 8px rgba(0,50,25,.08);--shadow: 0 4px 16px rgba(0,50,25,.1);--shadow-lg: 0 8px 32px rgba(0,50,25,.14);--shadow-xl: 0 16px 48px rgba(0,50,25,.18);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-w: 268px;--header-h: 68px;--transition: .22s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #00C07A;--primary-dark: #008F5A;--primary-hover: #00DB8C;--primary-light: rgba(0, 192, 122, .12);--primary-glow: rgba(0, 192, 122, .3);--primary-gradient: linear-gradient(135deg, #00A864 0%, #00C07A 100%);--gold: #D4AF37;--gold-light: rgba(212, 175, 55, .14);--bg: #0A0F0B;--bg-alt: #101810;--surface: #141C15;--surface-alt: #1A241B;--sidebar-bg: #070E08;--border: rgba(0,192,122,.15);--border-light: rgba(255,255,255,.06);--success: #00C07A;--success-light: rgba(0,192,122,.12);--warning: #D4AF37;--warning-light: rgba(212,175,55,.12);--danger: #FF5252;--danger-light: rgba(255,82,82,.12);--info: #29B6F6;--info-light: rgba(41,182,246,.12);--text-primary: rgba(240,248,242,.95);--text-secondary: rgba(240,248,242,.65);--text-muted: rgba(240,248,242,.38);--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow: 0 4px 16px rgba(0,0,0,.42);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Cairo,sans-serif;direction:rtl;text-align:right;background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-shell{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);height:100vh;position:fixed;right:0;top:0;display:flex;flex-direction:column;z-index:100;border-left:1px solid rgba(0,192,122,.08);transition:width var(--transition),transform var(--transition);overflow:hidden}.sidebar-header{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.875rem;flex-shrink:0}.sidebar-logo-img{width:44px;height:44px;border-radius:50%;object-fit:contain;border:2px solid rgba(0,192,122,.35);box-shadow:0 0 16px #00c07a40;flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;overflow:hidden}.sidebar-brand-name{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:1px;line-height:1.2}.sidebar-brand-sub{font-size:.7rem;color:#ffffff73;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0 1rem .875rem}.sidebar-nav-section{margin-bottom:.25rem}.sidebar-nav-label{font-size:.65rem;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:1.4px;padding:1rem 1.25rem .4rem}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;color:#fff9;text-decoration:none;font-size:.88rem;font-weight:500;border-radius:var(--radius-full) 0 0 var(--radius-full);margin-bottom:.15rem;transition:all var(--transition);position:relative;overflow:hidden}.sidebar-nav-link:hover{background:var(--sidebar-hover);color:#ffffffe6;padding-right:1.5rem}.sidebar-nav-link.active{background:var(--primary-gradient);color:#fff;font-weight:700;box-shadow:0 4px 14px #00a86466;padding-right:1.6rem}.sidebar-nav-link .nav-icon{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0}.sidebar-nav-link .nav-badge{margin-right:auto;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar-footer{border-top:1px solid rgba(255,255,255,.06);padding:1rem 0 1rem .875rem}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1.25rem;background:#e539351a;color:#ff6b6b;border:none;border-radius:var(--radius-full) 0 0 var(--radius-full);cursor:pointer;font-size:.88rem;font-weight:600;font-family:Cairo,sans-serif;transition:all var(--transition)}.sidebar-logout-btn:hover{background:#e5393533;color:#ff5252}.top-header{height:var(--header-h);background:rgba(var(--surface-rgb, 255,255,255),.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:1rem;z-index:50;background:var(--surface)}[data-theme=dark] .top-header{background:#141c15e6;border-color:#00c07a1a}.header-search{display:flex;align-items:center;gap:.6rem;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.45rem 1.1rem;max-width:300px;width:100%;transition:all var(--transition)}.header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface)}.header-search input{border:none;background:transparent;font-size:.85rem;color:var(--text-primary);width:100%;font-family:Cairo,sans-serif}.header-search input::placeholder{color:var(--text-muted)}.header-search input:focus{outline:none}.header-actions{display:flex;align-items:center;gap:.75rem}.header-icon-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--transition);position:relative}.header-icon-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.08)}.header-icon-btn .badge{position:absolute;top:2px;left:2px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--surface)}.header-user{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.3rem .75rem .3rem .4rem;border-radius:var(--radius-full);border:1px solid var(--border-light);transition:all var(--transition)}.header-user:hover{background:var(--primary-light);border-color:var(--primary)}.header-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:contain;border:2px solid var(--primary)}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.2}.header-user-role{font-size:.7rem;color:var(--text-muted)}.main-content{margin-right:var(--sidebar-w);padding:1.5rem 2rem;flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-right var(--transition)}.page-header{margin-bottom:2rem}.page-title{font-size:1.65rem;font-weight:800;color:var(--text-primary);margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.page-subtitle{color:var(--text-secondary);font-size:.875rem}.card{background:var(--surface);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-bottom:2rem}.kpi-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;transition:all .28s cubic-bezier(.34,1.56,.64,1);cursor:default;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition)}.kpi-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.kpi-card-info{position:relative;z-index:1}.kpi-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.4rem}.kpi-value{font-size:2.25rem;font-weight:900;color:var(--text-primary);line-height:1;margin-bottom:.3rem}.kpi-sub{font-size:.75rem;color:var(--text-muted)}.kpi-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;position:relative;z-index:1;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.kpi-card:hover .kpi-icon{transform:scale(1.12) rotate(-5deg)}.kpi-green{background:var(--success-light);color:var(--success)}.kpi-gold{background:var(--gold-light);color:var(--gold)}.kpi-blue{background:var(--info-light);color:var(--info)}.kpi-red{background:var(--danger-light);color:var(--danger)}.table-wrap{overflow-x:auto;margin-top:.5rem}table{width:100%;border-collapse:collapse}thead{background:var(--bg-alt)}th{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;padding:.875rem 1rem;border-bottom:2px solid var(--border-light);white-space:nowrap}td{padding:1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-light);transition:background var(--transition)}tbody tr:hover td{background:var(--primary-light)}tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:1.25rem}label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--text-secondary);font-size:.8rem;letter-spacing:.2px}input,select,textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);background:var(--surface);font-family:Cairo,sans-serif;transition:all var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:700;font-family:Cairo,sans-serif;transition:all var(--transition);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-gold{background:var(--gold-gradient);color:#0a0a00;box-shadow:0 4px 12px var(--gold-light)}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-ghost{background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border-light)}.btn-ghost:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid transparent}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:0 4px 12px #e5393559}.btn-success{background:var(--success-light);color:var(--success);border:1px solid transparent}.btn-success:hover:not(:disabled){background:var(--success);color:#fff;box-shadow:0 4px 12px #00a85459}.btn-sm{padding:.45rem .9rem;font-size:.78rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.73rem;font-weight:700}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-ghost{background:var(--bg-alt);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .18s ease}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:2.25rem;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);animation:slideUp .22s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.modal-title{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--danger-light);color:var(--danger)}.tabs{display:flex;gap:.25rem;background:var(--bg-alt);padding:.35rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.65rem 1rem;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-muted);font-family:Cairo,sans-serif;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.4rem}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.tab-btn:hover:not(.active){color:var(--text-primary)}.progress-bar-wrap{background:var(--bg-alt);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:1rem;position:relative;padding-bottom:1.25rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;z-index:1}.timeline-line{width:2px;flex:1;background:var(--border-light);margin-top:4px}.timeline-content{flex:1;padding-top:.25rem}.timeline-msg{font-weight:600;font-size:.875rem;color:var(--text-primary)}.timeline-time{font-size:.73rem;color:var(--text-muted);margin-top:.15rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center;gap:1rem}.empty-state .empty-icon{font-size:3rem;opacity:.5}.empty-state .empty-title{font-size:1rem;font-weight:700;color:var(--text-secondary)}.empty-state .empty-desc{font-size:.85rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:999;padding:.9rem 1.75rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.search-bar{display:flex;align-items:center;gap:.6rem;background:var(--bg);border:1.5px solid var(--border-light);border-radius:var(--radius-full);padding:.55rem 1.1rem;transition:all var(--transition)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface)}.search-bar input{border:none;background:transparent;font-size:.875rem;color:var(--text-primary);font-family:Cairo,sans-serif;width:100%}.search-bar input:focus{outline:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.stat-row:last-child{border-bottom:none}.stat-row-label{color:var(--text-secondary)}.stat-row-value{font-weight:700;color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){:root{--sidebar-w: 72px}.sidebar-brand,.sidebar-nav-link span:not(.nav-icon),.sidebar-nav-label,.sidebar-footer span{display:none}.sidebar-nav-link{border-radius:50%;width:44px;height:44px;padding:0;justify-content:center;margin:.2rem auto}.sidebar-nav-link.active{border-radius:50%}.sidebar-logout-btn span{display:none}.sidebar-logout-btn{border-radius:50%;width:44px;height:44px;padding:0;justify-content:center;margin:0 auto}}@media (max-width: 768px){.main-content{padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.header-search{display:none}}@media (max-width: 576px){.kpi-grid{grid-template-columns:1fr 1fr}}