:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f3f4f6;--bg-card:#ffffffd9;--text-dark:#111827;--text-light:#6b7280;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#ffffff4d;--glass-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0;font-family:Tajawal,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-dark);direction:rtl}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:16px}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--primary);color:#fff;z-index:10;flex-direction:column;gap:2rem;width:260px;padding:2rem 1rem;display:flex;box-shadow:4px 0 10px #0000001a}.sidebar-logo{align-items:center;gap:.75rem;padding:0 1rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-link{color:#fffc;border-radius:8px;align-items:center;gap:1rem;padding:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff26;transform:translate(-5px)}.main-content{flex-direction:column;flex:1;display:flex;overflow-x:hidden}.header{background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.page-content{flex:1;padding:2rem;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1.5rem;padding:1.5rem;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.stat-info h3{color:var(--text-light);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.stat-info p{color:var(--text-dark);font-size:1.5rem;font-weight:700}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-container{padding:1.5rem}.chart-header{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.table-container{padding:1.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid #0000000d;padding:1rem}th{color:var(--text-light);font-weight:600}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pending{color:#d97706;background:#fef3c7}.status-active{color:#059669;background:#d1fae5}.status-completed{color:#2563eb;background:#dbeafe}