:root{--primary: #0D2461;--primary-light: #1a3a8a;--accent: #00BDB0;--accent-light: #00d4c5;--white: #ffffff;--bg: #F0F4F8;--bg-card: #ffffff;--text-primary: #0D2461;--text-secondary: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--shadow: 0 2px 12px rgba(13, 36, 97, .08);--shadow-md: 0 4px 24px rgba(13, 36, 97, .12);--radius: 12px;--radius-sm: 8px}[data-theme=dark]{--primary: #4d7cfe;--primary-light: #6b94ff;--accent: #00d4c5;--bg: #0f1117;--bg-card: #1a1d2e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-light: #64748b;--border: #2d3748;--shadow: 0 2px 12px rgba(0,0,0,.4);--shadow-md: 0 4px 24px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;direction:rtl}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-weight:700;margin:0;line-height:1.3}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.badge-success{background:#d1fae5;color:#065f46}.badge.badge-warning{background:#fef3c7;color:#92400e}.badge.badge-danger{background:#fee2e2;color:#991b1b}.badge.badge-primary{background:#dbeafe;color:#1e40af}.badge.badge-gray{background:#f1f5f9;color:#475569}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn.btn-primary{background:var(--primary);color:#fff}.btn.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn.btn-accent{background:var(--accent);color:#fff}.btn.btn-accent:hover{background:var(--accent-light);transform:translateY(-1px)}.btn.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn.btn-outline:hover{background:var(--primary);color:#fff}.btn.btn-outline-accent{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn.btn-outline-accent:hover{background:var(--accent);color:#fff}.btn.btn-danger{background:var(--danger);color:#fff}.btn.btn-danger:hover{background:#dc2626}.btn.btn-sm{padding:6px 14px;font-size:13px}.btn.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--border);font-family:Cairo,sans-serif}.data-table th{background:var(--bg);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase}.data-table td{color:var(--text-primary)}.data-table tr:hover td{background:#00bdb00a}.data-table tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:14px;color:var(--text-primary);background:#fff;transition:border-color .2s;outline:none;direction:rtl}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group select{cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:800;color:var(--primary)}.page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-overlay .modal{background:#fff;border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-overlay .modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-overlay .modal .modal-header h2{font-size:18px}.modal-overlay .modal .modal-header .close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px}.modal-overlay .modal .modal-header .close-btn:hover{color:var(--danger)}.modal-overlay .modal .modal-body{padding:24px}.modal-overlay .modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.slide-in{animation:slideInRight .3s ease forwards}:root{--skel-base: #e2e8f0;--skel-shine: #f8fafc}[data-theme=dark]{--skel-base: #2d3748;--skel-shine: #374151}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.skel{display:block;border-radius:6px;background:linear-gradient(90deg,var(--skel-base) 25%,var(--skel-shine) 50%,var(--skel-base) 75%);background-size:500px 100%;animation:shimmer 1.5s ease-in-out infinite}.skel.skel-xs{height:12px;width:40%}.skel.skel-sm{height:14px;width:60%}.skel.skel-md{height:14px;width:80%}.skel.skel-lg{height:14px;width:100%}.skel.skel-btn{height:28px;width:72px;border-radius:6px}.skel.skel-badge{height:22px;width:56px;border-radius:20px}.skel.skel-block{height:120px;width:100%;border-radius:var(--radius)}.skel-tr td{padding-top:18px!important;padding-bottom:18px!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state .empty-icon{margin-bottom:20px}.empty-state .empty-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state .empty-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;max-width:340px;margin-bottom:24px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .header-actions{width:100%;flex-wrap:wrap}.page-header .header-actions .btn{flex:1;justify-content:center;min-width:90px}.modal-overlay .modal{max-width:100%;border-radius:var(--radius) var(--radius) 0 0;margin-top:auto;position:fixed;bottom:0;left:0;right:0}}