@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:#f0f4f8;direction:rtl;display:flex;font-family:Tajawal,Arial,Tahoma,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{background:radial-gradient(circle,#0f4e2b1a 0,#0000 70%);height:520px;right:-160px;top:-160px;width:520px}.login-container:after,.login-container:before{content:"";pointer-events:none;position:absolute}.login-container:after{background:radial-gradient(circle,#0ea5e912 0,#0000 70%);bottom:-100px;height:380px;left:-100px;width:380px}.login-box{animation:slideUp .4s cubic-bezier(.2,.8,.4,1);background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000000a,0 20px 48px #0000001a;max-width:460px;padding:52px 48px;position:relative;width:92%;z-index:1}.login-box:before{background:linear-gradient(90deg,#0f4e2b,#146438,#1a7a45);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:36px}.header,.logo{text-align:center}.logo{margin-bottom:24px}.logo img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));height:90px;object-fit:contain;transition:transform .3s ease;width:auto}.logo img:hover{transform:scale(1.05)}.header h1{color:#111827;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.header h1 span{color:#0f4e2b}.header p{color:#6b7280;font-size:.88rem;line-height:1.6;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:7px}.input-wrap{position:relative}.input-icon{border:2px solid;border-radius:2px;color:#9ca3af;height:14px;pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%);width:18px}.form-group input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;color:#111827;direction:ltr;font-family:Tajawal,Arial,sans-serif;font-size:1rem;padding:13px 44px 13px 14px;text-align:right;transition:all .2s ease;width:100%}.form-group input::placeholder{color:#9ca3af;direction:rtl}.form-group input:focus{background:#fff;border-color:#0f4e2b;box-shadow:0 0 0 3px #0f4e2b1f;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background:linear-gradient(135deg,#0f4e2b,#146438);border:none;border-radius:12px;box-shadow:0 4px 14px #0f4e2b40;color:#fff;cursor:pointer;font-family:Tajawal,Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.01em;padding:14px;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 22px #0f4e2b59;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.65}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-left:8px;vertical-align:middle;width:16px}.error-message{animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.88rem;font-weight:600;margin-bottom:18px;padding:12px 14px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.login-footer{color:#5f6163;font-size:.78rem;margin-top:26px;text-align:center}@media (max-width:480px){.login-box{border-radius:16px;padding:36px 22px}.header h1{font-size:1.4rem}}.form-container{background:#f5f5f5;direction:rtl;font-family:Arial,Tahoma,sans-serif;min-height:100vh;padding:20px}.form-box{background:#fff;border:2px solid #333;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:1000px;padding:30px}.admin-back-bar{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:10px 16px}.admin-back-btn{background:#0f4e2b;border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:Tajawal,Arial,Tahoma,sans-serif;font-size:14px;font-weight:700;padding:8px 18px;transition:background .2s,transform .15s;white-space:nowrap}.admin-back-btn:hover{background:#0d4325;transform:translateY(-1px)}.admin-back-info{color:#374151;font-size:14px}.admin-back-info strong{color:#0f4e2b}.form-header{border-bottom:3px solid #0f4e2b;margin-bottom:20px;padding:20px;text-align:center}.header-images{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8f5e9);border-radius:10px;display:flex;gap:40px;justify-content:center;margin-bottom:20px;padding:15px}.header-logo{filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));height:80px;object-fit:contain;width:auto}.logo-section h1{color:#0f4e2b;font-size:20px;margin:5px 0}.logo-section h2{color:#333;font-size:16px;margin:5px 0}.title-section{margin:15px 0}.title-section h2{color:#333;font-size:18px;margin:5px 0}.title-section h3{color:#666;font-size:14px;font-weight:400;margin:5px 0}.id-display{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:15px;padding:10px}.id-display p{color:#333;font-size:16px;margin:0}.id-display strong{color:#0f4e2b;font-size:18px}.section-title{background:#f0f0f0;border:2px solid #333;border-radius:4px;font-size:18px;font-weight:700;margin:25px 0 15px;padding:12px}.subsection{background:#fafafa;border:1px solid #ddd;font-size:16px;font-weight:700;margin:20px 0 15px;padding:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.form-field{display:flex;flex-direction:column}.form-field label{color:#333;font-size:14px;font-weight:700;margin-bottom:5px}.form-field input,.form-field select{background:#fff;border:1px solid #999;border-radius:4px;direction:rtl;font-size:14px;padding:10px}.form-field input:focus,.form-field select:focus{border-color:#0f4e2b;box-shadow:0 0 4px #0f4e2b4d;outline:none}.form-field input.disabled-field{background:#e9ecef;cursor:not-allowed}.dependents-table{margin:20px 0;overflow-x:auto}.dependents-table table{border:2px solid #333;border-collapse:collapse;width:100%}.dependents-table th{background:#f0f0f0;border:1px solid #999;font-size:14px;font-weight:700;padding:12px;text-align:center}.dependents-table td{border:1px solid #999;padding:8px}.dependents-table input{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;direction:rtl;font-size:13px;padding:8px;width:100%}.dependents-table input:focus{border-color:#0f4e2b;outline:none}.add-dependent-btn{background:#0f4e2b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:10px 20px}.add-dependent-btn:hover{background:#0d4325}.remove-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;width:100%}.remove-btn:hover{background:#c82333}.declaration{background:#fafafa;border:2px solid #333;line-height:1.8;margin:30px 0;padding:20px;text-align:justify}.declaration p{color:#333;font-size:14px;margin:0}.name-declaration{color:#0f4e2b;font-size:16px;font-weight:700;padding:0 5px;text-decoration:underline}.form-actions{gap:15px;justify-content:center;margin:30px 0}.save-btn{background:#0f4e2b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s}.save-btn:hover:not(:disabled){background:#0d4325;box-shadow:0 4px 12px #0f4e2b4d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s}.back-btn:hover{background:#5a6268;transform:translateY(-2px)}.success-message{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 15px #28a7454d;color:#155724;margin:20px 0;padding:20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{animation:checkPop .6s ease-out;background:#28a745;border-radius:50%;color:#fff;display:inline-block;font-size:30px;height:50px;line-height:50px;margin-bottom:10px;width:50px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-text{font-size:18px;font-weight:700;margin:10px 0}.countdown{background:#ffffff80;border-radius:8px;color:#0c5025;font-size:16px;margin-top:15px;padding:10px}.countdown,.countdown-number{display:inline-block;font-weight:700}.countdown-number{animation:pulse 1s infinite;background:#fff;border-radius:5px;color:#c82333;font-size:24px;min-width:40px;padding:5px 10px;text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.form-footer{border-top:2px solid #333;margin-top:30px;padding-top:20px;text-align:center}.form-footer p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.form-box{padding:15px}.header-images{flex-direction:row;gap:20px}.header-logo{height:60px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.back-btn,.save-btn{width:100%}.dependents-table{font-size:12px}.dependents-table td,.dependents-table th{padding:6px}.countdown-number{font-size:20px}}:root{--bg:#f3f6fb;--surface:#fff;--surface2:#f8fafc;--border:#e5e7eb;--border2:#f3f4f6;--text:#111827;--text-muted:#6b7280;--text-dim:#9ca3af;--brand:#0f4e2b;--brand-mid:#146438;--brand-light:#f0fdf4;--brand-glow:#0f4e2b26;--blue:#3b82f6;--purple:#8b5cf6;--amber:#f59e0b;--red:#ef4444;--cyan:#06b6d4;--shadow:0 4px 16px #00000014;--shadow-sm:0 1px 4px #0000000f;--radius:16px;--radius-sm:10px}*,:after,:before{box-sizing:border-box}.admin-shell{background:#f3f6fb;background:var(--bg);color:#111827;color:var(--text);direction:rtl;display:grid;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;grid-template-columns:256px 1fr;min-height:100vh}.admin-sidebar{background:#0f4e2b;border-left:1px solid #146438;box-shadow:2px 0 12px #00000026;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0;width:260px;z-index:11}.sidebar-brand{border-bottom:1px solid #ffffff1a;padding:24px 20px 20px}.sidebar-brand-icon{display:block;font-size:1.8rem;line-height:1;margin-bottom:6px}.sidebar-brand-mark{align-items:center;background:linear-gradient(135deg,#0f4e2b,#146438);background:linear-gradient(135deg,var(--brand),var(--brand-mid));border-radius:10px;box-shadow:0 4px 12px #0f4e2b26;box-shadow:0 4px 12px var(--brand-glow);display:inline-flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}.sidebar-brand-mark-inner{border:2.5px solid #ffffffe6;border-radius:50%;height:18px;position:relative;width:18px}.sidebar-brand-mark-inner:after{background:#fff;border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}.sidebar-brand-title{color:#fff;display:block;font-size:1rem;font-weight:800;letter-spacing:-.01em;margin-bottom:2px;text-align:center}.sidebar-brand-sub{color:#bbf7d0;display:block;font-size:.73rem;text-align:center}.admin-sidebar nav{flex:1 1;padding:14px 12px}.admin-sidebar nav ul{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-radius:10px;border-radius:var(--radius-sm);color:#d1fae5;cursor:pointer;display:flex;font-size:.93rem;font-weight:600;gap:10px;padding:11px 14px;position:relative;transition:all .18s ease}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;font-weight:800}.nav-item.active:before{background:#f59e0b;border-radius:4px 0 0 4px;content:"";height:60%;position:absolute;right:0;top:20%;width:3px}.nav-icon{flex-shrink:0;font-size:1rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:14px 16px}.sidebar-admin-card{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:11px 13px}.sidebar-admin-avatar{align-items:center;background:#f59e0b;border-radius:50%;color:#0f4e2b;display:flex;flex-shrink:0;font-size:.78rem;font-weight:800;height:34px;justify-content:center;width:34px}.sidebar-admin-info{overflow:hidden}.sidebar-admin-label{color:#bbf7d0;display:block;font-size:.7rem}.sidebar-admin-id{color:#fff;display:block;font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-overlay{display:none}.admin-main{display:flex;flex-direction:column;min-height:100vh}.admin-main-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:14px;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:9}.admin-main-header h2{font-weight:700;margin:0}.admin-main-header h2,.menu-btn{color:#111827;color:var(--text);font-size:1.1rem}.menu-btn{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:none;height:38px;transition:all .15s;width:38px}.menu-btn:hover{background:#f3f6fb;background:var(--bg)}.header-actions{align-items:center;display:flex;gap:10px}.switch-wrap{align-items:center;color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.86rem;gap:8px}.switch{display:inline-block;height:23px;position:relative;width:42px}.switch input{height:0;opacity:0;width:0}.slider{background:#e5e7eb;border-radius:999px;inset:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:17px;right:3px;width:17px}.switch input:checked+.slider{background:#0f4e2b;background:var(--brand)}.switch input:checked+.slider:before{transform:translateX(-19px)}.danger-btn,.ghost-btn,.primary-btn,.table-action-btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-family:Tajawal,Arial,sans-serif;font-size:.9rem;font-weight:700;transition:all .18s ease}.primary-btn{background:linear-gradient(135deg,#0f4e2b,#146438);background:linear-gradient(135deg,var(--brand),var(--brand-mid));box-shadow:0 3px 10px #16a34a38;color:#fff;padding:10px 18px}.primary-btn:hover{box-shadow:0 5px 14px #16a34a4d;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.ghost-btn{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);color:#111827;color:var(--text);padding:1px 16px}.ghost-btn:hover{background:#f3f6fb;background:var(--bg)}.ghost-btn:disabled{cursor:not-allowed;opacity:.45}.danger-btn{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--red);padding:10px 16px}.danger-btn:hover{background:#fee2e2}.admin-content{flex:1 1;overflow:auto;padding:24px}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:24px 16px;position:relative;text-align:center;transition:transform .18s,box-shadow .18s}.stat-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card:before{background:#0f4e2b;background:var(--card-accent,var(--brand));content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0}.stat-card-icon{align-items:center;background:#dcfce7;background:var(--card-icon-bg,#dcfce7);border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:8px;margin-left:auto;margin-right:auto;width:48px}.stat-label{color:#6b7280;color:var(--text-muted);font-size:.82rem;font-weight:500}.stat-card strong{color:#111827;color:var(--text);font-size:2.8rem;font-weight:800;line-height:1}.stat-card-sub{color:#6b7280;color:var(--text-muted);font-size:.76rem}.admin-search{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.search-input-wrap{flex:1 1;min-width:220px;position:relative}.search-input-icon{color:#6b7280;color:var(--text-muted);font-size:.95rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.admin-search input{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-family:Tajawal,Arial,sans-serif;font-size:.93rem;padding:12px 42px 12px 16px;transition:all .18s;width:100%}.admin-search input::placeholder{color:#9ca3af;color:var(--text-dim)}.admin-search input:focus{border-color:#0f4e2b;border-color:var(--brand);box-shadow:0 0 0 3px #0f4e2b26;box-shadow:0 0 0 3px var(--brand-glow);outline:none}.search-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.search-date-picker{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;font-family:inherit;font-size:.9rem;height:44.5px;padding:10px 14px;transition:all .18s}.search-date-picker:focus{border-color:#0f4e2b;border-color:var(--brand);box-shadow:0 0 0 3px #0f4e2b26;box-shadow:0 0 0 3px var(--brand-glow);outline:none}.export-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:4px;width:100%}.export-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .2s}.export-btn:hover{background:#f0fdf4;background:var(--brand-light);border-color:#0f4e2b;border-color:var(--brand);color:#0f4e2b;color:var(--brand)}.admin-list{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:auto}.admin-list table{border-collapse:collapse;min-width:820px;width:100%}.admin-list th{background:#f8fafc;background:var(--surface2);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.admin-list td,.admin-list th{padding:13px 14px;text-align:center}.admin-list td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border2);color:#111827;color:var(--text);font-size:.88rem}.admin-list tbody tr{transition:background .12s}.admin-list tbody tr:hover{background:#f8fafc;background:var(--surface2)}.admin-list tbody tr:last-child td{border-bottom:none}.admin-list.compact td,.admin-list.compact th{padding:8px 12px}.role-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;padding:4px 11px}.role-badge.employee{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.role-badge.admin{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.table-action-btn{border-radius:8px;font-size:.82rem;padding:6px 14px}.table-action-btn.not-filled{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.table-action-btn.not-filled:hover{background:#dbeafe;transform:translateY(-1px)}.table-action-btn.filled{background:#f0fdf4;background:var(--brand-light);border:1px solid #bbf7d0;color:#0f4e2b;color:var(--brand)}.table-action-btn.filled:hover{background:#bbf7d0;transform:translateY(-1px)}.pagination-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.pagination-info{color:#6b7280;color:var(--text-muted);font-size:.87rem}.pagination-info strong{color:#111827;color:var(--text)}.pagination-controls{align-items:center;display:flex;gap:8px}.page-indicator{color:#111827;color:var(--text);font-size:.9rem;font-weight:700;min-width:68px;text-align:center}.create-user{margin:0 auto;max-width:600px}.create-form{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);padding:24px}.create-form-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text);font-size:1.05rem;font-weight:800;margin:0 0 20px;padding-bottom:14px}.create-form label{color:#6b7280;color:var(--text-muted);display:block;font-size:.86rem;font-weight:600;margin-bottom:6px}.create-form input,.create-form select{background:#f8fafc;background:var(--surface2);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-family:Tajawal,Arial,sans-serif;font-size:.93rem;margin-bottom:14px;padding:11px 13px;transition:all .18s;width:100%}.create-form input:focus,.create-form select:focus{background:#fff;border-color:#0f4e2b;border-color:var(--brand);box-shadow:0 0 0 3px #0f4e2b26;box-shadow:0 0 0 3px var(--brand-glow);outline:none}.form-actions{display:flex;gap:10px;margin-top:4px}.create-message{background:#f0fdf4;background:var(--brand-light);border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius-sm);color:#0f4e2b;color:var(--brand);font-size:.9rem;font-weight:700;margin-top:14px;padding:12px;text-align:center}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.analytics-header h3{color:#111827;color:var(--text);font-size:1.15rem;font-weight:800;margin:0}.analytics-refresh-btn{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Tajawal,Arial,sans-serif;font-size:.85rem;padding:8px 16px;transition:all .18s}.analytics-refresh-btn:hover{background:#f3f6fb;background:var(--bg);color:#111827;color:var(--text)}.analytics-loading{color:#6b7280;color:var(--text-muted);padding:60px 20px;text-align:center}.analytics-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#0f4e2b;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand);display:inline-block;height:26px;margin-bottom:12px;width:26px}@keyframes spin{to{transform:rotate(1turn)}}.analytics-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.analytics-panel{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);padding:20px}.analytics-panel-wide{grid-column:1/-1}.analytics-panel h4{align-items:center;color:#111827;color:var(--text);display:flex;font-size:.93rem;font-weight:700;gap:8px;margin:0 0 16px}.panel-icon{font-size:1rem}.completion-track{background:#e5e7eb;background:var(--border);border-radius:999px;height:10px;margin-bottom:12px;overflow:hidden;width:100%}.completion-fill{background:linear-gradient(90deg,#0f4e2b,#146438);background:linear-gradient(90deg,var(--brand),var(--brand-mid));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.completion-meta{color:#6b7280;color:var(--text-muted);display:flex;font-size:.83rem;justify-content:space-between}.completion-rate-big{color:#0f4e2b;color:var(--brand);font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:10px;text-align:center}.chart-tooltip{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow);color:#111827;color:var(--text);font-size:.86rem;padding:10px 14px}.chart-tooltip-label{color:#6b7280;color:var(--text-muted);font-size:.78rem;margin-bottom:4px}.chart-tooltip-value{color:#0f4e2b;color:var(--brand);font-weight:700}.bars-list{gap:11px}.bar-row,.bars-list{display:flex;flex-direction:column}.bar-row{gap:5px}.bar-head{align-items:center;display:flex;justify-content:space-between}.bar-head span{color:#111827;color:var(--text);font-size:.85rem}.bar-head strong{color:#0f4e2b;color:var(--brand);font-size:.88rem}.bar-track{background:#e5e7eb;background:var(--border);border-radius:999px;height:7px;overflow:hidden;width:100%}.bar-fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.bar-fill.location{background:linear-gradient(90deg,#16a34a,#0f4e2b)}.bar-fill.employees{background:linear-gradient(90deg,#22c55e,#16a34a)}.bar-fill.forms{background:linear-gradient(90deg,#4ade80,#22c55e)}.bar-fill.dist-agency{background:linear-gradient(90deg,#16a34a,#0f4e2b)}.bar-fill.dist-job{background:linear-gradient(90deg,#86efac,#16a34a)}.bar-fill.dist-admin{background:linear-gradient(90deg,#fcd34d,#f59e0b)}.bar-fill.dist-gender{background:linear-gradient(90deg,#bbf7d0,#22c55e)}.bar-fill.dist-city{background:linear-gradient(90deg,#fef08a,#fbbf24)}.trend-row{grid-gap:12px;align-items:start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border2);display:grid;gap:12px;grid-template-columns:90px 1fr;padding:10px 0}.trend-row:last-child{border-bottom:none}.trend-month{color:#6b7280;color:var(--text-muted);font-size:.84rem;font-weight:700;padding-top:4px}.trend-bars{display:flex;flex-direction:column;gap:8px}.trend-line{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:60px 1fr 42px}.trend-line span{color:#6b7280;color:var(--text-muted);font-size:.82rem}.trend-line strong{color:#111827;color:var(--text);font-size:.82rem;text-align:left}.table-empty-state{padding:48px 20px;text-align:center}.table-empty-icon{display:block;font-size:2.4rem;margin-bottom:10px}.table-empty-text{color:#6b7280;color:var(--text-muted);font-size:.93rem}.recharts-tooltip-cursor{fill:#00000008}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#f0f0f0}.recharts-text{fill:#6b7280!important;fill:var(--text-muted)!important;font-family:Tajawal,Arial!important;font-size:11px!important}.recharts-legend-item-text{color:#6b7280!important;color:var(--text-muted)!important;font-size:.82rem!important}.fade-in{animation:fadeInUp .28s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table-delete-btn{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s}.table-delete-btn:hover{background:#fee2e2;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeInModal .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{animation:scaleUpModal .25s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;padding:24px;text-align:center;width:90%}.delete-modal-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#ef4444;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.delete-modal h3{color:#111827;color:var(--text);font-size:1.25rem;font-weight:800;margin:0 0 12px}.delete-modal p{color:#6b7280;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:center}.danger-btn{background:#ef4444;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:10px 20px;transition:all .2s}.danger-btn:hover{background:#dc2626;transform:translateY(-1px)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:1200px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:1080px){.stats-row{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-panel-wide{grid-column:1}.admin-content{padding:16px}}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:100vh;position:fixed;right:-270px;transition:right .25s ease;width:258px}.admin-sidebar.open{right:0}.sidebar-overlay{background:#00000059;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:10}.sidebar-overlay.show{opacity:1;pointer-events:all}.menu-btn{align-items:center;display:inline-flex;justify-content:center}}@media (max-width:640px){.analytics-kpis,.stats-row{grid-template-columns:1fr}.admin-search{flex-direction:column}.admin-search input,.ghost-btn,.primary-btn{width:100%}.pagination-wrap{align-items:stretch;flex-direction:column}.trend-row{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Tahoma,sans-serif}body.theme-gold{--primary-color:#b8860b;--primary-dark:#8f6d08;--accent-color:#fff8e1;background-color:#fffaf0}body.theme-green{--primary-color:#2e8b57;--primary-dark:#256f44;--accent-color:#eafcf0;background-color:#f7fff7}body.theme-gold .add-dependent-btn,body.theme-gold .save-btn,body.theme-gold .submit-btn{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 4px 15px #0000001f}body.theme-green .add-dependent-btn,body.theme-green .save-btn,body.theme-green .submit-btn{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 4px 15px #00000014}body.theme-gold .form-header,body.theme-gold .header,body.theme-green .form-header,body.theme-green .header{border-color:var(--primary-dark)}
/*# sourceMappingURL=main.47e342f3.css.map*/